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

[01/51] [partial] trying to merge TourDeFlex develop release into master

Repository: flex-utilities
Updated Branches:
  refs/heads/master e1f9d1df0 -> 5ed4d9838


http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/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>


[28/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/index.html
index 6cdbd1c..07be8a1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-BarChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-BarChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/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-BarChart/srcview/source/final-sample/BarChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/BarChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/BarChart.png.html
index ab9623b..6cee6a6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/BarChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/BarChart.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>BarChart.png</title>
-</head>
-
-<body>
-<img src="BarChart.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>BarChart.png</title>
+</head>
+
+<body>
+<img src="BarChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.mxml.html
index 5445025..1d1b375 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,51 +14,51 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-          
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;USA&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 35, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>39, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 29 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;China&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 32, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>17, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 14 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Russia&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 27, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>27, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">BarChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:BarChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bar</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; 
-             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:BarChart&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bar</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+          
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;USA&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 35, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>39, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 29 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;China&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 32, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>17, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 14 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Russia&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 27, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>27, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">BarChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:BarChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bar</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; 
+             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; xField=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:BarChart&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bar</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html
index 57ad637..a35de0e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html
@@ -14,63 +14,63 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"USA"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 35<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:39<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 29 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"China"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 32<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:17<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 14 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"Russia"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">BarChart Control</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"> 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;mx:BarChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bar</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" 
-             showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:BarChart&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bar</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"USA"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 35<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:39<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 29 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"China"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 32<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:17<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 14 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"Russia"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">BarChart Control</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"> 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;mx:BarChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bar</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" 
+             showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BarSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" xField="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:BarChart&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bar</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceIndex.xml
index 7f161aa..febeae4 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-BubbleChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BubbleChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-BubbleChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BubbleChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/index.html
index 0354766..53c9daf 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-BubbleChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-BubbleChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[46/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/SourceTab.mxml b/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
index 76340be..b9450cf 100755
--- a/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
+++ b/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
@@ -1,59 +1,59 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">
-
-    <fx:Script>
-        <![CDATA[
-
-        import mx.rpc.events.ResultEvent;
-        import mx.rpc.events.FaultEvent;
-        import mx.controls.Alert;
-
-        public function set source(file:String):void
-        {
-            label = file.substring(file.lastIndexOf("/")+1);
-            srv.url = file;
-            srv.send();
-			ta.verticalScrollPosition = 19; // at end of header
-        }
-
-        private function resultHandler(event:ResultEvent):void
-        {
-            var str:String = String(event.result);
-            var r:RegExp = new RegExp("\r\n", "gs");
-            str = str.replace(r, "\r");
-            ta.text = str;
-        }
-
-        private function faultHandler(event:FaultEvent):void
-        {
-            Alert.show("Error loading source file");
-        }
-
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:HTTPService id="srv" useProxy="false" resultFormat="text" result="resultHandler(event)" fault="faultHandler(event)"/>
-	</fx:Declarations>
-	
-    <mx:TextArea id= "ta" color="#0000A0" fontFamily="Courier" editable="false" wordWrap="false" width="100%" height="100%"/>
-
+<?xml version="1.0" encoding="utf-8"?>
+
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">
+
+    <fx:Script>
+        <![CDATA[
+
+        import mx.rpc.events.ResultEvent;
+        import mx.rpc.events.FaultEvent;
+        import mx.controls.Alert;
+
+        public function set source(file:String):void
+        {
+            label = file.substring(file.lastIndexOf("/")+1);
+            srv.url = file;
+            srv.send();
+			ta.verticalScrollPosition = 19; // at end of header
+        }
+
+        private function resultHandler(event:ResultEvent):void
+        {
+            var str:String = String(event.result);
+            var r:RegExp = new RegExp("\r\n", "gs");
+            str = str.replace(r, "\r");
+            ta.text = str;
+        }
+
+        private function faultHandler(event:FaultEvent):void
+        {
+            Alert.show("Error loading source file");
+        }
+
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:HTTPService id="srv" useProxy="false" resultFormat="text" result="resultHandler(event)" fault="faultHandler(event)"/>
+	</fx:Declarations>
+	
+    <mx:TextArea id= "ta" color="#0000A0" fontFamily="Courier" editable="false" wordWrap="false" width="100%" height="100%"/>
+
 </mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/explorer.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/explorer.html b/TourDeFlex/TourDeFlex3/src/explorer.html
index 8cac3d3..3d00e24 100755
--- a/TourDeFlex/TourDeFlex3/src/explorer.html
+++ b/TourDeFlex/TourDeFlex3/src/explorer.html
@@ -1,65 +1,65 @@
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~     contributor license agreements.  See the NOTICE file distributed with
-  ~     this work for additional information regarding copyright ownership.
-  ~     The ASF licenses this file to You under the Apache License, Version 2.0
-  ~     (the "License"); you may not use this file except in compliance with
-  ~     the License.  You may obtain a copy of the License at
-  ~
-  ~         http://www.apache.org/licenses/LICENSE-2.0
-  ~
-  ~     Unless required by applicable law or agreed to in writing, software
-  ~     distributed under the License is distributed on an "AS IS" BASIS,
-  ~     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  ~     See the License for the specific language governing permissions and
-  ~     limitations under the License.
-  -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title>Apache Flex Tour De Flex Component Explorer</title>
-<script src="AC_OETags.js" language="javascript"></script>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll='no'>
-<script language="JavaScript" type="text/javascript">
-<!--
-		AC_FL_RunContent(
-					"src", "explorer",
-					"width", "100%",
-					"height", "100%",
-					"align", "middle",
-					"id", "explorer",
-					"quality", "high",
-					"bgcolor", "#869ca7",
-					"name", "explorer",
-					"allowScriptAccess","sameDomain",
-					"type", "application/x-shockwave-flash",
-					"pluginspage", "http://www.adobe.com/go/getflashplayer"
-	);
-// -->
-</script>
-<noscript>
-	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="explorer" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="explorer.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#869ca7" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="explorer.swf" quality="high" bgcolor="#869ca7"
-				width="100%" height="100%" name="explorer" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</noscript>
-</body>
-</html>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~     contributor license agreements.  See the NOTICE file distributed with
+  ~     this work for additional information regarding copyright ownership.
+  ~     The ASF licenses this file to You under the Apache License, Version 2.0
+  ~     (the "License"); you may not use this file except in compliance with
+  ~     the License.  You may obtain a copy of the License at
+  ~
+  ~         http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~     Unless required by applicable law or agreed to in writing, software
+  ~     distributed under the License is distributed on an "AS IS" BASIS,
+  ~     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~     See the License for the specific language governing permissions and
+  ~     limitations under the License.
+  -->
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Apache Flex Tour De Flex Component Explorer</title>
+<script src="AC_OETags.js" language="javascript"></script>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll='no'>
+<script language="JavaScript" type="text/javascript">
+<!--
+		AC_FL_RunContent(
+					"src", "explorer",
+					"width", "100%",
+					"height", "100%",
+					"align", "middle",
+					"id", "explorer",
+					"quality", "high",
+					"bgcolor", "#869ca7",
+					"name", "explorer",
+					"allowScriptAccess","sameDomain",
+					"type", "application/x-shockwave-flash",
+					"pluginspage", "http://www.adobe.com/go/getflashplayer"
+	);
+// -->
+</script>
+<noscript>
+	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="explorer" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="explorer.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#869ca7" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="explorer.swf" quality="high" bgcolor="#869ca7"
+				width="100%" height="100%" name="explorer" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</noscript>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/explorer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/explorer.mxml b/TourDeFlex/TourDeFlex3/src/explorer.mxml
index 9fed529..f000e07 100755
--- a/TourDeFlex/TourDeFlex3/src/explorer.mxml
+++ b/TourDeFlex/TourDeFlex3/src/explorer.mxml
@@ -1,77 +1,77 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:explorer="*"
-    width="100%" height="100%" pageTitle="{TITLE}"
-    initialize="sdk.send()" layout="vertical">
-
-    <fx:Script>
-        <![CDATA[
-			
-		static protected const VERSION:String = "1.0";	
-		static protected const TITLE:String = "Tour De Flex Component Explorer";
-		static protected const FULL_TITLE:String = "Apache Flex™ Tour De Flex Component Explorer " + VERSION;
-
-        private function treeChanged(event:Event):void
-        {
-            var nodeApp:String = compLibTree.selectedItem.@app;
-            if (nodeApp != null && nodeApp != "")
-            {
-                swfLoader.loadApp(nodeApp + ".swf");
-                vs.loadSource(nodeApp, compLibTree.selectedItem.@src);
-            }
-            else
-            {
-                compLibTree.expandItem(compLibTree.selectedItem, true, true);
-            }
-        }
-
-        private function xmlLoaded():void
-        {
-            explorerTree = XML(sdk.lastResult.node);
-            compLibTree.dataProvider = explorerTree;
-        }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<fx:XML id="explorerTree"/>
-
-   		<mx:HTTPService id="sdk" url="explorer.xml" resultFormat="e4x" result="xmlLoaded()" />
-	</fx:Declarations>
-	
-	<mx:HBox width="100%">
-		<mx:Image source="./mx/controls/assets/ApacheFlexIcon.png" />
-		<mx:Label text="{FULL_TITLE}" fontSize="20" fontWeight="bold" />
-	</mx:HBox>
-    <mx:HDividedBox width="100%" height="100%">
-        <mx:Panel width="30%" height="100%" title="{TITLE}" dropShadowVisible="false">
-            <mx:Tree id="compLibTree" width="100%" height="100%" showRoot="false" labelField="@label" borderStyle="none"
-                     change="treeChanged(event)"/>
-        </mx:Panel>
-        <mx:VDividedBox width="100%" height="100%">
-            <explorer:loaderPanel id="swfLoader" width="100%" height="50%"/>
-            <mx:VBox width="100%" height="50%" backgroundColor="#FFFFFF">
-                <explorer:viewsource id="vs" width="100%" height="100%"/>
-            </mx:VBox>
-        </mx:VDividedBox>
-    </mx:HDividedBox>
-	<mx:HBox width="100%">
-		<mx:Label fontSize="9" width="100%" text="Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache Flex is trademark of The Apache Software Foundation." />
-	</mx:HBox>
-</mx:Application>
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:explorer="*"
+    width="100%" height="100%" pageTitle="{TITLE}"
+    initialize="sdk.send()" layout="vertical">
+
+    <fx:Script>
+        <![CDATA[
+			
+		static protected const VERSION:String = "1.0";	
+		static protected const TITLE:String = "Tour De Flex Component Explorer";
+		static protected const FULL_TITLE:String = "Apache Flex™ Tour De Flex Component Explorer " + VERSION;
+
+        private function treeChanged(event:Event):void
+        {
+            var nodeApp:String = compLibTree.selectedItem.@app;
+            if (nodeApp != null && nodeApp != "")
+            {
+                swfLoader.loadApp(nodeApp + ".swf");
+                vs.loadSource(nodeApp, compLibTree.selectedItem.@src);
+            }
+            else
+            {
+                compLibTree.expandItem(compLibTree.selectedItem, true, true);
+            }
+        }
+
+        private function xmlLoaded():void
+        {
+            explorerTree = XML(sdk.lastResult.node);
+            compLibTree.dataProvider = explorerTree;
+        }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<fx:XML id="explorerTree"/>
+
+   		<mx:HTTPService id="sdk" url="explorer.xml" resultFormat="e4x" result="xmlLoaded()" />
+	</fx:Declarations>
+	
+	<mx:HBox width="100%">
+		<mx:Image source="./mx/controls/assets/ApacheFlexIcon.png" />
+		<mx:Label text="{FULL_TITLE}" fontSize="20" fontWeight="bold" />
+	</mx:HBox>
+    <mx:HDividedBox width="100%" height="100%">
+        <mx:Panel width="30%" height="100%" title="{TITLE}" dropShadowVisible="false">
+            <mx:Tree id="compLibTree" width="100%" height="100%" showRoot="false" labelField="@label" borderStyle="none"
+                     change="treeChanged(event)"/>
+        </mx:Panel>
+        <mx:VDividedBox width="100%" height="100%">
+            <explorer:loaderPanel id="swfLoader" width="100%" height="50%"/>
+            <mx:VBox width="100%" height="50%" backgroundColor="#FFFFFF">
+                <explorer:viewsource id="vs" width="100%" height="100%"/>
+            </mx:VBox>
+        </mx:VDividedBox>
+    </mx:HDividedBox>
+	<mx:HBox width="100%">
+		<mx:Label fontSize="9" width="100%" text="Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache Flex is trademark of The Apache Software Foundation." />
+	</mx:HBox>
+</mx:Application>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml b/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
index 8abb460..d94bfed 100755
--- a/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
+++ b/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
@@ -1,35 +1,35 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-		  horizontalAlign="center" headerHeight="10" dropShadowVisible="false">
-   <fx:Script>
-     <![CDATA[
-     
-	public function loadApp(swfApp:String):void
-    {
-    	myLoader.source = swfApp;
-    }
-    
-    ]]>
-  </fx:Script>
-
-<mx:SWFLoader id="myLoader" width="100%" height="100%" />
-
-</mx:Panel>
+<?xml version="1.0" encoding="utf-8"?>
+
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+		  horizontalAlign="center" headerHeight="10" dropShadowVisible="false">
+   <fx:Script>
+     <![CDATA[
+     
+	public function loadApp(swfApp:String):void
+    {
+    	myLoader.source = swfApp;
+    }
+    
+    ]]>
+  </fx:Script>
+
+<mx:SWFLoader id="myLoader" width="100%" height="100%" />
+
+</mx:Panel>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/viewsource.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/viewsource.mxml b/TourDeFlex/TourDeFlex3/src/viewsource.mxml
index 6fa4bb7..dbf83bf 100755
--- a/TourDeFlex/TourDeFlex3/src/viewsource.mxml
+++ b/TourDeFlex/TourDeFlex3/src/viewsource.mxml
@@ -1,57 +1,57 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-		 backgroundColor="#CCCCCC" usePreloader="false" paddingTop="0" paddingBottom="0" paddingLeft="0" paddingRight="0">
-
-	<fx:Script>
-		<![CDATA[		
-			
-			public function loadSource(appUrl:String, srcUrl:String):void
-			{
-				// delete all previously loaded source
-				tn.removeAllChildren();
-				
-				var tabs:Array = new Array();
-				if (appUrl != null && appUrl != "")
-				{
-					var files:Array = new Array();
-					// the first file shown will be the mxml source
-					files[0] = appUrl + ".mxml";
-					
-					if (srcUrl != null && srcUrl != "")
-					{
-						// other source files are shown in the subsequence tabs
-						var otherSrc:Array = srcUrl.split("&");
-						files = files.concat(otherSrc);
-					}
-
-	        		for (var i:int ; i < files.length ; i++)
-    	    		{
-						tabs[i] = new SourceTab();
-						tn.addChild(tabs[i]);
-						tabs[i].source = files[i];
-    	    		}
-				}
-			}
-		]]>
-	</fx:Script>
-
-	<mx:TabNavigator id="tn" width="100%" height="100%" paddingTop="0"/>
-
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+		 backgroundColor="#CCCCCC" usePreloader="false" paddingTop="0" paddingBottom="0" paddingLeft="0" paddingRight="0">
+
+	<fx:Script>
+		<![CDATA[		
+			
+			public function loadSource(appUrl:String, srcUrl:String):void
+			{
+				// delete all previously loaded source
+				tn.removeAllChildren();
+				
+				var tabs:Array = new Array();
+				if (appUrl != null && appUrl != "")
+				{
+					var files:Array = new Array();
+					// the first file shown will be the mxml source
+					files[0] = appUrl + ".mxml";
+					
+					if (srcUrl != null && srcUrl != "")
+					{
+						// other source files are shown in the subsequence tabs
+						var otherSrc:Array = srcUrl.split("&");
+						files = files.concat(otherSrc);
+					}
+
+	        		for (var i:int ; i < files.length ; i++)
+    	    		{
+						tabs[i] = new SourceTab();
+						tn.addChild(tabs[i]);
+						tabs[i].source = files[i];
+    	    		}
+				}
+			}
+		]]>
+	</fx:Script>
+
+	<mx:TabNavigator id="tn" width="100%" height="100%" paddingTop="0"/>
+
 </mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/badge/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/badge/index.html b/TourDeFlex/TourDeFlex_content/badge/index.html
index 799296a..6527cc4 100644
--- a/TourDeFlex/TourDeFlex_content/badge/index.html
+++ b/TourDeFlex/TourDeFlex_content/badge/index.html
@@ -14,70 +14,70 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Tour de Flex Download</title>
-	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
-	<script type="text/javascript" src="swfobject.js"></script>
-	<style>
-	TD {font-size: 10pt;}
-	H2 {font-family: Arial;}
-	</style>
-	
-</head>
-<body color="#FFFFFF" bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
-<center>
-<!-- BEGIN EMBED CODE -->
-	
-	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
-	
-	<div id="flashcontent" style="width:215px; height:180px;">
-		<strong>Please upgrade your Flash Player</strong>
-		This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.
-	</div>
-
-	<script type="text/javascript">
-		// <![CDATA[
-		
-		// version 9.0.115 or greater is required for launching AIR apps.
-		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
-		so.useExpressInstall('expressinstall.swf');
-		
-		// these parameters are required for badge install:
-		so.addVariable("airversion", "1.5"); // version of AIR runtime required
-		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
-		so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
-		
-		// these parameters are required to support launching apps from the badge (but optional for install):
-		so.addVariable("appid", "com.pe.tourdeflex.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
-		so.addVariable("pubid", ""); // publisher id
-		
-		// this parameter is required in addition to the above to support upgrading from the badge:
-		so.addVariable("appversion", "1.2.3"); // AIR application version
-		
-		// these parameters are optional:
-		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
-		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
-		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
-		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
-		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
-		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
-		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
-		so.addVariable("buttonlabelcolor", "#00AAFF"); // changes the color of the button label
-		so.addVariable("appnamecolor", "#00AAFF"); // changes the color of the application name if the image is not specified or loaded
-		
-		// these parameters allow you to override the default text in the badge:
-		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
-		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
-		
-		so.write("flashcontent");
-		
-		// ]]>
-	</script>
-
-<!-- END EMBED CODE -->
-</center>	
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Tour de Flex Download</title>
+	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
+	<script type="text/javascript" src="swfobject.js"></script>
+	<style>
+	TD {font-size: 10pt;}
+	H2 {font-family: Arial;}
+	</style>
+	
+</head>
+<body color="#FFFFFF" bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
+<center>
+<!-- BEGIN EMBED CODE -->
+	
+	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
+	
+	<div id="flashcontent" style="width:215px; height:180px;">
+		<strong>Please upgrade your Flash Player</strong>
+		This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.
+	</div>
+
+	<script type="text/javascript">
+		// <![CDATA[
+		
+		// version 9.0.115 or greater is required for launching AIR apps.
+		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
+		so.useExpressInstall('expressinstall.swf');
+		
+		// these parameters are required for badge install:
+		so.addVariable("airversion", "1.5"); // version of AIR runtime required
+		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
+		so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
+		
+		// these parameters are required to support launching apps from the badge (but optional for install):
+		so.addVariable("appid", "com.pe.tourdeflex.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
+		so.addVariable("pubid", ""); // publisher id
+		
+		// this parameter is required in addition to the above to support upgrading from the badge:
+		so.addVariable("appversion", "1.2.3"); // AIR application version
+		
+		// these parameters are optional:
+		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
+		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
+		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
+		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
+		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
+		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
+		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
+		so.addVariable("buttonlabelcolor", "#00AAFF"); // changes the color of the button label
+		so.addVariable("appnamecolor", "#00AAFF"); // changes the color of the application name if the image is not specified or loaded
+		
+		// these parameters allow you to override the default text in the badge:
+		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
+		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
+		
+		so.write("flashcontent");
+		
+		// ]]>
+	</script>
+
+<!-- END EMBED CODE -->
+</center>	
+</body>
+</html>


[23/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBox.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBox.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBox.as.html
index 0ecb068..820b4c9 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBox.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBox.as.html
@@ -14,171 +14,171 @@
   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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">KeyboardEvent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Point</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Keyboard</span>;
-    
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Button</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">List</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextInput</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UIComponent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
-    <span class="ActionScriptReserved">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">FlexMouseEvent</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">ListEvent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PopUpManager</span>;
-    
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"textChange"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"flash.events.Event"</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">"itemSelected"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"SearchBoxEvent"</span><span class="ActionScriptBracket/Brace">)</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">"assets/icon_close.png"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">closeIcon</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="ActionScriptDefault_Text">TextInput</span>;
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">closeButton</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="ActionScriptDefault_Text">List</span>;
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isListVisible</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="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="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                 <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</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="ActionScriptBracket/Brace">)</span>;
-                 <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</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="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="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createChildren</span><span class="ActionScriptBracket/Brace">(</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="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CHANGE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">textInput_changeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">KeyboardEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">KEY_DOWN</span><span class="ActionScriptOperator">,</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="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"icon"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeIcon</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"skin"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"dropShadowEnabled"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ListEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ITEM_CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectItem</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">systemManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">RESIZE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">removePopup</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptOperator">,</span> 0<span class="ActionScriptOperator">,</span> <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="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</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">unscaledHeight</span><span class="ActionScriptBracket/Brace">)</span>;
-
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>;
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</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="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="ActionScriptOperator">,</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="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredWidth</span> <span class="ActionScriptOperator">=</span> 160;
-            <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptDefault_Text">KeyboardEvent</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">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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DOWN</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="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>;                    
-                    <span class="ActionScriptReserved">break</span>;
-                <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">Keyboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UP</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="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">--</span>;
-                    <span class="ActionScriptBracket/Brace">}</span>
-                    <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setSelection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ENTER</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="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptReserved">break</span>;
-                <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">Keyboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ESCAPE</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="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="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</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">"textChange"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;    
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">list_mouseDownOutsideHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">removePopup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">selectItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ListEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ITEM_SELECTED</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptBracket/Brace">)</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">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">popup</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">PopUpManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addPopUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">,</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">point</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="ActionScriptOperator">,</span> <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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parent</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">move</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">point</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">point</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">FlexMouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span><span class="ActionScriptOperator">,</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="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">PopUpManager</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">FlexMouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span><span class="ActionScriptOperator">,</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="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
-            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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>
-<span class="ActionScriptBracket/Brace">}</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>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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">KeyboardEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Point</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Keyboard</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Button</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">List</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextInput</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UIComponent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+    <span class="ActionScriptReserved">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">FlexMouseEvent</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">ListEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PopUpManager</span>;
+    
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"textChange"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"flash.events.Event"</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">"itemSelected"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"SearchBoxEvent"</span><span class="ActionScriptBracket/Brace">)</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">"assets/icon_close.png"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">closeIcon</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="ActionScriptDefault_Text">TextInput</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">closeButton</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="ActionScriptDefault_Text">List</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isListVisible</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="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="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                 <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</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="ActionScriptBracket/Brace">)</span>;
+                 <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</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="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="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createChildren</span><span class="ActionScriptBracket/Brace">(</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="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CHANGE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">textInput_changeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">KeyboardEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">KEY_DOWN</span><span class="ActionScriptOperator">,</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="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"icon"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeIcon</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"skin"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">closeButton</span><span class="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"dropShadowEnabled"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ListEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ITEM_CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectItem</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">systemManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">RESIZE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">removePopup</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptOperator">,</span> 0<span class="ActionScriptOperator">,</span> <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="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</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">unscaledHeight</span><span class="ActionScriptBracket/Brace">)</span>;
+
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>;
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</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="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="ActionScriptOperator">,</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="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredWidth</span> <span class="ActionScriptOperator">=</span> 160;
+            <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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="ActionScriptDefault_Text">KeyboardEvent</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">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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DOWN</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="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>;                    
+                    <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">Keyboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UP</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="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">--</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setSelection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ENTER</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="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">Keyboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ESCAPE</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="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="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</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">"textChange"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;    
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">list_mouseDownOutsideHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">removePopup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">selectItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ListEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ITEM_SELECTED</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptBracket/Brace">)</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">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">popup</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">PopUpManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addPopUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">,</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">point</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="ActionScriptOperator">,</span> <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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parent</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">move</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">point</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">point</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">FlexMouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span><span class="ActionScriptOperator">,</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="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">PopUpManager</span><span class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">FlexMouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span><span class="ActionScriptOperator">,</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="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+            <span class="ActionScriptDefault_Text">textInput</span><span class="ActionScriptOperator">.</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>
+<span class="ActionScriptBracket/Brace">}</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/SearchBoxEvent.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBoxEvent.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBoxEvent.as.html
index 2c9e890..957c45c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBoxEvent.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchBoxEvent.as.html
@@ -14,30 +14,30 @@
   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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</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="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"itemSelected"</span>;
-    
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</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="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cancelable</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="ActionScriptOperator">.</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="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span><span class="ActionScriptOperator">,</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>
+<!-- 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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</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="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"itemSelected"</span>;
+    
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</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="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cancelable</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="ActionScriptOperator">.</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="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span><span class="ActionScriptOperator">,</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>


[50/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/Preferences.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/Preferences.as b/TourDeFlex/TourDeFlex/src/Preferences.as
index 49c7e35..4144fd5 100644
--- a/TourDeFlex/TourDeFlex/src/Preferences.as
+++ b/TourDeFlex/TourDeFlex/src/Preferences.as
@@ -16,53 +16,53 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package
-{
-	import flash.filesystem.File;
-	import flash.filesystem.FileMode;
-	import flash.filesystem.FileStream;
-	
-	public class Preferences
-	{
-		//--------------------------------------------------------------------------
-		//  Variables
-		//--------------------------------------------------------------------------
-		private static var filePath:String = "preferences.xml";
-		[Bindable] public static var preferencesXml:XML = <Preferences />;
-		
-		//--------------------------------------------------------------------------
-		//  Loading/setup
-		//--------------------------------------------------------------------------
-		public function Preferences()
-		{
-
-		}
-		
-		public static function load():void
-		{
-			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
-			if(preferencesFile.exists)
-			{
-				var fileStream:FileStream = new FileStream();
-				fileStream.open(preferencesFile, FileMode.READ);
-				preferencesXml = XML(fileStream.readUTFBytes(fileStream.bytesAvailable));
-				fileStream.close();
-			}
-		}
-		
-		//--------------------------------------------------------------------------
-		//  Saving
-		//--------------------------------------------------------------------------		
-		public static function save():void
-		{			
-			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
-			var fileStream:FileStream = new FileStream();
-			fileStream.open(preferencesFile, FileMode.WRITE);
-			fileStream.writeUTFBytes(preferencesXml.toXMLString());
-			fileStream.close();
-		}
-		
-		//--------------------------------------------------------------------------
-		//--------------------------------------------------------------------------
-	}
+package
+{
+	import flash.filesystem.File;
+	import flash.filesystem.FileMode;
+	import flash.filesystem.FileStream;
+	
+	public class Preferences
+	{
+		//--------------------------------------------------------------------------
+		//  Variables
+		//--------------------------------------------------------------------------
+		private static var filePath:String = "preferences.xml";
+		[Bindable] public static var preferencesXml:XML = <Preferences />;
+		
+		//--------------------------------------------------------------------------
+		//  Loading/setup
+		//--------------------------------------------------------------------------
+		public function Preferences()
+		{
+
+		}
+		
+		public static function load():void
+		{
+			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
+			if(preferencesFile.exists)
+			{
+				var fileStream:FileStream = new FileStream();
+				fileStream.open(preferencesFile, FileMode.READ);
+				preferencesXml = XML(fileStream.readUTFBytes(fileStream.bytesAvailable));
+				fileStream.close();
+			}
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Saving
+		//--------------------------------------------------------------------------		
+		public static function save():void
+		{			
+			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
+			var fileStream:FileStream = new FileStream();
+			fileStream.open(preferencesFile, FileMode.WRITE);
+			fileStream.writeUTFBytes(preferencesXml.toXMLString());
+			fileStream.close();
+		}
+		
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------
+	}
 }
\ No newline at end of file

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as b/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
index 4a69b36..20a3b38 100644
--- a/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
+++ b/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
@@ -16,40 +16,40 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package classes
-{
-	import air.update.ApplicationUpdaterUI;
-	import air.update.events.UpdateEvent;
-	
-	import flash.desktop.NativeApplication;
-	import flash.events.ErrorEvent;
-	import flash.events.Event;
-	
-	import mx.controls.Alert;
-	
-	public class ApplicationUpdaterManager
-	{
-		private var appUpdater:ApplicationUpdaterUI = new ApplicationUpdaterUI();
-		
-		public function ApplicationUpdaterManager()
-		{
-			appUpdater.updateURL = Config.APP_UPDATER_URL;
-			appUpdater.isCheckForUpdateVisible = false;
-			//appUpdater.isInstallUpdateVisible = false;
-			appUpdater.addEventListener(ErrorEvent.ERROR, appUpdater_error);
-			appUpdater.addEventListener(UpdateEvent.INITIALIZED, appUpdater_update);
-			appUpdater.initialize();			
-		}
-		
-		private function appUpdater_update(event:UpdateEvent):void 
-		{
-			appUpdater.checkNow();
-		}
-		
-		private function appUpdater_error(event:ErrorEvent):void
-		{
-			Alert.show(event.toString());
-		}
-		
-	}
+package classes
+{
+	import air.update.ApplicationUpdaterUI;
+	import air.update.events.UpdateEvent;
+	
+	import flash.desktop.NativeApplication;
+	import flash.events.ErrorEvent;
+	import flash.events.Event;
+	
+	import mx.controls.Alert;
+	
+	public class ApplicationUpdaterManager
+	{
+		private var appUpdater:ApplicationUpdaterUI = new ApplicationUpdaterUI();
+		
+		public function ApplicationUpdaterManager()
+		{
+			appUpdater.updateURL = Config.APP_UPDATER_URL;
+			appUpdater.isCheckForUpdateVisible = false;
+			//appUpdater.isInstallUpdateVisible = false;
+			appUpdater.addEventListener(ErrorEvent.ERROR, appUpdater_error);
+			appUpdater.addEventListener(UpdateEvent.INITIALIZED, appUpdater_update);
+			appUpdater.initialize();			
+		}
+		
+		private function appUpdater_update(event:UpdateEvent):void 
+		{
+			appUpdater.checkNow();
+		}
+		
+		private function appUpdater_error(event:ErrorEvent):void
+		{
+			Alert.show(event.toString());
+		}
+		
+	}
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/classes/Document.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/Document.as b/TourDeFlex/TourDeFlex/src/classes/Document.as
index e029609..909ae65 100644
--- a/TourDeFlex/TourDeFlex/src/classes/Document.as
+++ b/TourDeFlex/TourDeFlex/src/classes/Document.as
@@ -16,20 +16,20 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package classes
-{
-	public class Document
-	{
-		public var name:String = "";		
-		public var path:String = "";
-		public var openLinksExternal:String = "";
-		
-		public function Document(name:String = "", path:String = "", openLinksExternal:String = "")
-		{
-			this.name = name;
-			this.path = path;			
-			this.openLinksExternal = openLinksExternal;
-		}		
-
-	}
+package classes
+{
+	public class Document
+	{
+		public var name:String = "";		
+		public var path:String = "";
+		public var openLinksExternal:String = "";
+		
+		public function Document(name:String = "", path:String = "", openLinksExternal:String = "")
+		{
+			this.name = name;
+			this.path = path;			
+			this.openLinksExternal = openLinksExternal;
+		}		
+
+	}
 }
\ No newline at end of file

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as b/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
index 166cbd4..6466fab 100644
--- a/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
+++ b/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
@@ -16,23 +16,23 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package classes
-{
-	import mx.collections.ArrayCollection;
-	
-	public final class ObjectListSortTypes
-	{
-		
-		public static const ALPHABETICAL:String = "Alphabetical";
-		public static const MOST_RECENT:String = "Most Recent";
-		public static const MOST_POPULAR:String = "Most Popular";	
-		
-		[Bindable]
-		public static var ObjectListSortTypeArray:Array = [ALPHABETICAL, MOST_RECENT, MOST_POPULAR];
-		
-		public function ObjectListSortTypes()
-		{
-		}		
-
-	}
+package classes
+{
+	import mx.collections.ArrayCollection;
+	
+	public final class ObjectListSortTypes
+	{
+		
+		public static const ALPHABETICAL:String = "Alphabetical";
+		public static const MOST_RECENT:String = "Most Recent";
+		public static const MOST_POPULAR:String = "Most Popular";	
+		
+		[Bindable]
+		public static var ObjectListSortTypeArray:Array = [ALPHABETICAL, MOST_RECENT, MOST_POPULAR];
+		
+		public function ObjectListSortTypes()
+		{
+		}		
+
+	}
 }
\ No newline at end of file

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml b/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
index 02293a2..da94159 100644
--- a/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,41 +17,41 @@
   limitations under the License.
 
 -->
-<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="500" height="430" horizontalScrollPolicy="off" verticalScrollPolicy="off" click="closeAbout()">
-	
-	<mx:Script>
-	<![CDATA[
-		import mx.managers.PopUpManager;
-		
-		public var isOpen:Boolean = false;
-		
-		public function set url(value:String):void
-		{
-			html_view.htmlLoader.navigateInSystemBrowser = true;
-			html_view.location = value;			
-		}
-		
-		public function closeAbout():void {
-			isOpen = false;
-			parentApplication.setFocus(); 
-			PopUpManager.removePopUp(this)
-		}
-		
-	]]>
-	</mx:Script>
-
-	<mx:Parallel id="aboutEffect">
-		<mx:Fade alphaFrom="0" alphaTo="1" duration="300"/>
-		<mx:Blur blurXFrom="300" blurXTo="0" duration="700"/>
-	</mx:Parallel>
-
-	<mx:Parallel id="shadowEffect">
-		<mx:Fade duration="1000"/>
-		<mx:Blur blurXFrom="0" blurYFrom="0" blurXTo="20" blurYTo="20" duration="500"/>
-		<mx:Fade duration="1000"/>
-	</mx:Parallel>
-
-	<mx:Canvas x="15" y="15" backgroundColor="black" backgroundAlpha="0.5" width="434" height="368" addedEffect="shadowEffect"/>
-	<mx:HTML x="0" y="0" id="html_view" width="439" height="368" addedEffect="aboutEffect" verticalScrollPolicy="off" horizontalScrollPolicy="off" />
-	
-</mx:Canvas>
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="500" height="430" horizontalScrollPolicy="off" verticalScrollPolicy="off" click="closeAbout()">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.managers.PopUpManager;
+		
+		public var isOpen:Boolean = false;
+		
+		public function set url(value:String):void
+		{
+			html_view.htmlLoader.navigateInSystemBrowser = true;
+			html_view.location = value;			
+		}
+		
+		public function closeAbout():void {
+			isOpen = false;
+			parentApplication.setFocus(); 
+			PopUpManager.removePopUp(this)
+		}
+		
+	]]>
+	</mx:Script>
+
+	<mx:Parallel id="aboutEffect">
+		<mx:Fade alphaFrom="0" alphaTo="1" duration="300"/>
+		<mx:Blur blurXFrom="300" blurXTo="0" duration="700"/>
+	</mx:Parallel>
+
+	<mx:Parallel id="shadowEffect">
+		<mx:Fade duration="1000"/>
+		<mx:Blur blurXFrom="0" blurYFrom="0" blurXTo="20" blurYTo="20" duration="500"/>
+		<mx:Fade duration="1000"/>
+	</mx:Parallel>
+
+	<mx:Canvas x="15" y="15" backgroundColor="black" backgroundAlpha="0.5" width="434" height="368" addedEffect="shadowEffect"/>
+	<mx:HTML x="0" y="0" id="html_view" width="439" height="368" addedEffect="aboutEffect" verticalScrollPolicy="off" horizontalScrollPolicy="off" />
+	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml b/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
index 2524d89..430629d 100644
--- a/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,46 +17,46 @@
   limitations under the License.
 
 -->
-<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" width="100%" height="30" styleName="applicationFooter">
-
-	<mx:Script >
-	<![CDATA[
-		import mx.managers.PopUpManager;
-		
-		private var popup:AboutWindow;
-		
-		private function init():void
-		{
-			popup = new AboutWindow();
-		}
-		
-		private function showAbout():void
-		{
-			if(!popup.isOpen)
-			{				
-				PopUpManager.addPopUp(popup, DisplayObject(this.parentApplication), false);
-				popup.url = "data/about.html";
-				popup.isOpen = true;
-				PopUpManager.centerPopUp(popup);
-				popup.move(popup.x + 70, popup.y + 50);
-			}
-			else
-			{			
-				popup.isOpen = false;	
-				PopUpManager.removePopUp(popup);
-			}
-		}
-		
-	]]>
-	</mx:Script>
-	<mx:Button x="4" y="1" id="aboutBtn" styleName="aboutButton" click="showAbout();" />
-	<mx:HBox x="70" width="100%" height="100%" verticalAlign="middle">
-		<mx:Label text="©2010 Adobe Inc, All Rights Reserved" width="25%" textAlign="center" />
-		<mx:Label id="label_version" text="Version: {Config.APP_VERSION}" width="25%" textAlign="center" />
-		<mx:Label id="label_objectsDataVersion" text="List Version: {Config.OBJECTS_FILE_VERSION}" width="25%" textAlign="center" />
-		<mx:Label id="label_objectsTotal" text="Samples: {Config.OBJECTS_TOTAL}" width="25%" textAlign="center" />		
-	</mx:HBox>	
-	
-	<mx:Image bottom="5" right="4" source="@Embed('/images/button_clear.png')" mouseDown="stage.nativeWindow.startResize()" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
-	
-</mx:Canvas>
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" width="100%" height="30" styleName="applicationFooter">
+
+	<mx:Script >
+	<![CDATA[
+		import mx.managers.PopUpManager;
+		
+		private var popup:AboutWindow;
+		
+		private function init():void
+		{
+			popup = new AboutWindow();
+		}
+		
+		private function showAbout():void
+		{
+			if(!popup.isOpen)
+			{				
+				PopUpManager.addPopUp(popup, DisplayObject(this.parentApplication), false);
+				popup.url = "data/about.html";
+				popup.isOpen = true;
+				PopUpManager.centerPopUp(popup);
+				popup.move(popup.x + 70, popup.y + 50);
+			}
+			else
+			{			
+				popup.isOpen = false;	
+				PopUpManager.removePopUp(popup);
+			}
+		}
+		
+	]]>
+	</mx:Script>
+	<mx:Button x="4" y="1" id="aboutBtn" styleName="aboutButton" click="showAbout();" />
+	<mx:HBox x="70" width="100%" height="100%" verticalAlign="middle">
+		<mx:Label text="©2010 Adobe Inc, All Rights Reserved" width="25%" textAlign="center" />
+		<mx:Label id="label_version" text="Version: {Config.APP_VERSION}" width="25%" textAlign="center" />
+		<mx:Label id="label_objectsDataVersion" text="List Version: {Config.OBJECTS_FILE_VERSION}" width="25%" textAlign="center" />
+		<mx:Label id="label_objectsTotal" text="Samples: {Config.OBJECTS_TOTAL}" width="25%" textAlign="center" />		
+	</mx:HBox>	
+	
+	<mx:Image bottom="5" right="4" source="@Embed('/images/button_clear.png')" mouseDown="stage.nativeWindow.startResize()" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
+	
+</mx:Canvas>


[30/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.mxml.html
index dbfb346..dfe5ee8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.mxml.html
@@ -14,79 +14,79 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-                  
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dpFlat</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="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Arizona&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Barbara Jennings&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>38865, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>, 
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Arizona&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Dana Binn&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>29885, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,  
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Central California&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Joe Smith&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>29134, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,  
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Nevada&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Bethany Pittman&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>52888, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>,  
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Northern California&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Lauren Ipsum&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>38805, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>, 
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Northern California&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;T.R. Smith&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>55498, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>,  
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southern California&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Alice Treu&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>44985, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>, 
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southern California&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Jane Grove&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>44913, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>,
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;New York&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Jose Rodriguez&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>26992, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>, 
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;New York&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;lisa Sims&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>47885, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>50000<span class="ActionScriptBracket/Brace">}</span>,  
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Massachusetts&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;kelly o&apos;connell&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>172911, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>20000<span class="ActionScriptBracket/Brace">}</span>, 
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Pennsylvania&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;John Barnes&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>32105, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,
-              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;MidWest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Illinois&quot;</span>, 
-                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Seth Brown&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>42511, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AdvancedDataGrid Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGrid</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myADG</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; initialize=&quot;</span><span class="ActionScriptDefault_Text">gc</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>        
-            <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:GroupingCollection</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">gc</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dpFlat</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;mx:grouping&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Grouping&gt;</span>
-                            <span class="MXMLComponent_Tag">&lt;mx:GroupingField</span><span class="MXMLDefault_Text"> name=&quot;</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                            <span class="MXMLComponent_Tag">&lt;mx:GroupingField</span><span class="MXMLDefault_Text"> name=&quot;</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;/mx:Grouping&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;/mx:grouping&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/mx:GroupingCollection&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>        
-            
-            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Territory_Rep</span><span class="MXMLDefault_Text">&quot;
-                    headerText=&quot;</span><span class="MXMLString">Territory Rep</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Actual</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Estimate</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
-       <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGrid&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+                  
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dpFlat</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="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Arizona&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Barbara Jennings&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>38865, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>, 
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Arizona&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Dana Binn&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>29885, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,  
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Central California&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Joe Smith&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>29134, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,  
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Nevada&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Bethany Pittman&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>52888, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>,  
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Northern California&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Lauren Ipsum&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>38805, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>, 
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Northern California&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;T.R. Smith&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>55498, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>,  
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southern California&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Alice Treu&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>44985, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>, 
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southwest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Southern California&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Jane Grove&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>44913, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>45000<span class="ActionScriptBracket/Brace">}</span>,
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;New York&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Jose Rodriguez&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>26992, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>, 
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;New York&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;lisa Sims&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>47885, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>50000<span class="ActionScriptBracket/Brace">}</span>,  
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Massachusetts&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;kelly o&apos;connell&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>172911, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>20000<span class="ActionScriptBracket/Brace">}</span>, 
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;NorthEast&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Pennsylvania&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;John Barnes&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>32105, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>30000<span class="ActionScriptBracket/Brace">}</span>,
+              <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;MidWest&quot;</span>, <span class="ActionScriptDefault_Text">Territory</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Illinois&quot;</span>, 
+                  <span class="ActionScriptDefault_Text">Territory_Rep</span><span class="ActionScriptOperator">:</span><span class="ActionScriptString">&quot;Seth Brown&quot;</span>, <span class="ActionScriptDefault_Text">Actual</span><span class="ActionScriptOperator">:</span>42511, <span class="ActionScriptDefault_Text">Estimate</span><span class="ActionScriptOperator">:</span>40000<span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AdvancedDataGrid Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGrid</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myADG</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; initialize=&quot;</span><span class="ActionScriptDefault_Text">gc</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>        
+            <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:GroupingCollection</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">gc</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dpFlat</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:grouping&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Grouping&gt;</span>
+                            <span class="MXMLComponent_Tag">&lt;mx:GroupingField</span><span class="MXMLDefault_Text"> name=&quot;</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                            <span class="MXMLComponent_Tag">&lt;mx:GroupingField</span><span class="MXMLDefault_Text"> name=&quot;</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;/mx:Grouping&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;/mx:grouping&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:GroupingCollection&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>        
+            
+            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Territory_Rep</span><span class="MXMLDefault_Text">&quot;
+                    headerText=&quot;</span><span class="MXMLString">Territory Rep</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Actual</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">Estimate</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+       <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGrid&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html
index 2506118..622d66a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.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>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dpFlat</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Arizona"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Barbara Jennings"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:38865<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Arizona"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Dana Binn"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:29885<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Central California"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Joe Smith"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:29134<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Nevada"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Bethany Pittman"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:52888<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Northern California"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Lauren Ipsum"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:38805<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Northern California"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"T.R. Smith"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:55498<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Southern California"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Alice Treu"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:44985<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Southern California"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Jane Grove"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:44913<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"New York"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Jose Rodriguez"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:26992<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"New York"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"lisa Sims"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:47885<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:50000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Massachusetts"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"kelly o'connell"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:172911<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:20000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Pennsylvania"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"John Barnes"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:32105<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"MidWest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Illinois"</span><span class="ActionScriptOperator">,</span> 
-                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Seth Brown"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:42511<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">AdvancedDataGrid Control</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">" 
-             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myADG</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">" 
-                             color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                             dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dpFlat</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:groupedColumns&gt;</span>
-                
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Territory_Rep</span><span class="MXMLDefault_Text">"
-                                           headerText="</span><span class="MXMLString">Territory Rep</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumnGroup</span><span class="MXMLDefault_Text"> headerText="</span><span class="MXMLString">Revenues</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
-                    <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Actual</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Estimate</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGridColumnGroup&gt;</span>    
-
-            <span class="MXMLComponent_Tag">&lt;/mx:groupedColumns&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGrid&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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dpFlat</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Arizona"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Barbara Jennings"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:38865<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Arizona"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Dana Binn"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:29885<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Central California"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Joe Smith"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:29134<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Nevada"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Bethany Pittman"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:52888<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Northern California"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Lauren Ipsum"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:38805<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Northern California"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"T.R. Smith"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:55498<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Southern California"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Alice Treu"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:44985<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"Southwest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Southern California"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Jane Grove"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:44913<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:45000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"New York"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Jose Rodriguez"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:26992<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"New York"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"lisa Sims"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:47885<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:50000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>  
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Massachusetts"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"kelly o'connell"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:172911<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:20000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"NorthEast"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Pennsylvania"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"John Barnes"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:32105<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:30000<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">Region</span>:<span class="ActionScriptString">"MidWest"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Territory</span>:<span class="ActionScriptString">"Illinois"</span><span class="ActionScriptOperator">,</span> 
+                    <span class="ActionScriptDefault_Text">Territory_Rep</span>:<span class="ActionScriptString">"Seth Brown"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Actual</span>:42511<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Estimate</span>:40000<span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">AdvancedDataGrid Control</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">" 
+             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myADG</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">" 
+                             color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                             dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dpFlat</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:groupedColumns&gt;</span>
+                
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Region</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Territory</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Territory_Rep</span><span class="MXMLDefault_Text">"
+                                           headerText="</span><span class="MXMLString">Territory Rep</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumnGroup</span><span class="MXMLDefault_Text"> headerText="</span><span class="MXMLString">Revenues</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+                    <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Actual</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:AdvancedDataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">Estimate</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGridColumnGroup&gt;</span>    
+
+            <span class="MXMLComponent_Tag">&lt;/mx:groupedColumns&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/mx:AdvancedDataGrid&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-AreaChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceIndex.xml
index 8217932..ca4b717 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-AreaChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-AreaChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-AreaChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-AreaChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+


[17/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/index.html
index 0fc2b09..065f2d1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-CurrencyValidator</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-CurrencyValidator</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/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-CurrencyValidator/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.mxml.html
index b107f2f..2e1cb46 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/sample1.mxml.html
@@ -14,40 +14,40 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:CurrencyValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; precision=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; 
-        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot; 
-        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CurrencyValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter a U.S. dollar amount: </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">priceUS</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
-         
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:CurrencyValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; precision=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; 
+        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot; 
+        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CurrencyValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter a U.S. dollar amount: </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">priceUS</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
+         
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/validatoricon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/validatoricon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/validatoricon.png.html
index 1eb84d6..9a09f95 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/validatoricon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/final-sample/validatoricon.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>validatoricon.png</title>
-</head>
-
-<body>
-<img src="validatoricon.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>validatoricon.png</title>
+</head>
+
+<body>
+<img src="validatoricon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/sample1.mxml.html
index 315a0e8..18ec5c6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/source/sample1.mxml.html
@@ -14,57 +14,57 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:CurrencyValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" precision="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" 
-        trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">" 
-        valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CurrencyValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter a U.S. dollar amount: </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">priceUS</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-         
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:CurrencyValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" precision="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" 
+        trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">" 
+        valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CurrencyValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter a U.S. dollar amount: </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">priceUS</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+         
+    <span class="MXMLComponent_Tag">&lt;/s: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-CursorManagement/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample2.html
index 573bb1c..78b450c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceIndex.xml
index a9ce409..56882b7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,23 +17,23 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-CursorManagement</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="imageIcon" label="aircursor.png" url="source/aircursor.png.html"/>
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 8K)" url="Sample-Adobe-CursorManagement.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-CursorManagement</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="imageIcon" label="aircursor.png" url="source/aircursor.png.html"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 8K)" url="Sample-Adobe-CursorManagement.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/index.html
index 23e739d..9ca59f1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-CursorManagement</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-CursorManagement</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[24/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.mxml.html
index 2b83dfd..27fb8da 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,51 +14,51 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-          
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;USA&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 35, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>39, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 29 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;China&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 32, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>17, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 14 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Russia&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 27, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>27, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">ColumnChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:ColumnChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">column</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-            showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:ColumnChart&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">column</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+          
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;USA&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 35, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>39, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 29 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;China&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 32, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>17, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 14 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Russia&quot;</span>, <span class="ActionScriptDefault_Text">Gold</span><span class="ActionScriptOperator">:</span> 27, <span class="ActionScriptDefault_Text">Silver</span><span class="ActionScriptOperator">:</span>27, <span class="ActionScriptDefault_Text">Bronze</span><span class="ActionScriptOperator">:</span> 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">ColumnChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:ColumnChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">column</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+            showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField=&quot;</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:ColumnChart&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">column</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html
index a533c2a..15e02c5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html
@@ -14,65 +14,65 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"USA"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 35<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:39<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 29 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"China"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 32<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:17<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 14 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"Russia"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">ColumnChart Control</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;mx:ColumnChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">column</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-            showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:ColumnChart&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">column</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">medalsAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"USA"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 35<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:39<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 29 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"China"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 32<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:17<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 14 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Country</span>: <span class="ActionScriptString">"Russia"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Gold</span>: 27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Silver</span>:27<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bronze</span>: 38 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">ColumnChart Control</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;mx:ColumnChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">column</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+            showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">medalsAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Gold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Silver</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:ColumnSeries</span><span class="MXMLDefault_Text"> xField="</span><span class="MXMLString">Country</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Bronze</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:ColumnChart&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">column</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceIndex.xml
index e76b54f..794280b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,35 +17,35 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Components</title>
-	<nodes>
-		<node label="html-template">
-			<node label="AC_OETags.js" url="source/html-template/AC_OETags.js.txt"/>
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node label="assets">
-				<node icon="imageIcon" label="control_pause_blue.png" url="source/assets/control_pause_blue.png.html"/>
-				<node icon="imageIcon" label="control_play_blue.png" url="source/assets/control_play_blue.png.html"/>
-				<node icon="imageIcon" label="control_stop_blue.png" url="source/assets/control_stop_blue.png.html"/>
-				<node icon="imageIcon" label="icon_close.png" url="source/assets/icon_close.png.html"/>
-			</node>
-			<node icon="mxmlAppIcon" selected="true" label="main.mxml" url="source/main.mxml.html"/>
-			<node icon="actionScriptIcon" label="SearchBox.as" url="source/SearchBox.as.html"/>
-			<node icon="actionScriptIcon" label="SearchBoxEvent.as" url="source/SearchBoxEvent.as.html"/>
-			<node icon="mxmlIcon" label="SearchDemo.mxml" url="source/SearchDemo.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-			<node label="video1.flv" url="source/video1.flv"/>
-			<node icon="mxmlIcon" label="VideoPlayer.mxml" url="source/VideoPlayer.mxml.html"/>
-			<node icon="mxmlIcon" label="VideoPlayerModule.mxml" url="source/VideoPlayerModule.mxml.html"/>
-			<node icon="mxmlIcon" label="VideoPlayerModuleLoader.mxml" url="source/VideoPlayerModuleLoader.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 633K)" url="Sample-Adobe-Components.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Components</title>
+	<nodes>
+		<node label="html-template">
+			<node label="AC_OETags.js" url="source/html-template/AC_OETags.js.txt"/>
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node label="assets">
+				<node icon="imageIcon" label="control_pause_blue.png" url="source/assets/control_pause_blue.png.html"/>
+				<node icon="imageIcon" label="control_play_blue.png" url="source/assets/control_play_blue.png.html"/>
+				<node icon="imageIcon" label="control_stop_blue.png" url="source/assets/control_stop_blue.png.html"/>
+				<node icon="imageIcon" label="icon_close.png" url="source/assets/icon_close.png.html"/>
+			</node>
+			<node icon="mxmlAppIcon" selected="true" label="main.mxml" url="source/main.mxml.html"/>
+			<node icon="actionScriptIcon" label="SearchBox.as" url="source/SearchBox.as.html"/>
+			<node icon="actionScriptIcon" label="SearchBoxEvent.as" url="source/SearchBoxEvent.as.html"/>
+			<node icon="mxmlIcon" label="SearchDemo.mxml" url="source/SearchDemo.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+			<node label="video1.flv" url="source/video1.flv"/>
+			<node icon="mxmlIcon" label="VideoPlayer.mxml" url="source/VideoPlayer.mxml.html"/>
+			<node icon="mxmlIcon" label="VideoPlayerModule.mxml" url="source/VideoPlayerModule.mxml.html"/>
+			<node icon="mxmlIcon" label="VideoPlayerModuleLoader.mxml" url="source/VideoPlayerModuleLoader.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 633K)" url="Sample-Adobe-Components.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/index.html
index 36ab4cc..bc24366 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Components</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/main.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Components</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/main.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[45/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/badge/indexblack.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/badge/indexblack.html b/TourDeFlex/TourDeFlex_content/badge/indexblack.html
index 386e9cf..e340beb 100644
--- a/TourDeFlex/TourDeFlex_content/badge/indexblack.html
+++ b/TourDeFlex/TourDeFlex_content/badge/indexblack.html
@@ -14,69 +14,69 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Tour de Flex Download</title>
-	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
-	<script type="text/javascript" src="swfobject.js"></script>
-	<style>
-	TD {font-size: 10pt;}
-	H2 {font-family: Arial;}
-	</style>
-	
-</head>
-<body color="#FFFFFF" bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
-<center>
-<!-- BEGIN EMBED CODE -->
-	
-	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
-	
-	<div id="flashcontent" style="width:215px; height:180px;">
-		<strong>Please upgrade your Flash Player</strong>
-	</div>
-
-	<script type="text/javascript">
-		// <![CDATA[
-		
-		// version 9.0.115 or greater is required for launching AIR apps.
-		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
-		so.useExpressInstall('expressinstall.swf');
-		
-		// these parameters are required for badge install:
-		so.addVariable("airversion", "1.5"); // version of AIR runtime required
-		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
-		so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
-		
-		// these parameters are required to support launching apps from the badge (but optional for install):
-		so.addVariable("appid", "com.pe.tourdeflex.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
-		so.addVariable("pubid", ""); // publisher id
-		
-		// this parameter is required in addition to the above to support upgrading from the badge:
-		so.addVariable("appversion", "1.2.3"); // AIR application version
-		
-		// these parameters are optional:
-		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
-		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
-		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
-		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
-		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
-		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
-		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
-		so.addVariable("buttonlabelcolor", "#AAAAAA"); // changes the color of the button label
-		so.addVariable("appnamecolor", "#AAAAAA"); // changes the color of the application name if the image is not specified or loaded
-		
-		// these parameters allow you to override the default text in the badge:
-		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
-		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
-		
-		so.write("flashcontent");
-		
-		// ]]>
-	</script>
-
-<!-- END EMBED CODE -->
-</center>	
-</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Tour de Flex Download</title>
+	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
+	<script type="text/javascript" src="swfobject.js"></script>
+	<style>
+	TD {font-size: 10pt;}
+	H2 {font-family: Arial;}
+	</style>
+	
+</head>
+<body color="#FFFFFF" bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
+<center>
+<!-- BEGIN EMBED CODE -->
+	
+	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
+	
+	<div id="flashcontent" style="width:215px; height:180px;">
+		<strong>Please upgrade your Flash Player</strong>
+	</div>
+
+	<script type="text/javascript">
+		// <![CDATA[
+		
+		// version 9.0.115 or greater is required for launching AIR apps.
+		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
+		so.useExpressInstall('expressinstall.swf');
+		
+		// these parameters are required for badge install:
+		so.addVariable("airversion", "1.5"); // version of AIR runtime required
+		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
+		so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
+		
+		// these parameters are required to support launching apps from the badge (but optional for install):
+		so.addVariable("appid", "com.pe.tourdeflex.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
+		so.addVariable("pubid", ""); // publisher id
+		
+		// this parameter is required in addition to the above to support upgrading from the badge:
+		so.addVariable("appversion", "1.2.3"); // AIR application version
+		
+		// these parameters are optional:
+		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
+		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
+		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
+		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
+		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
+		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
+		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
+		so.addVariable("buttonlabelcolor", "#AAAAAA"); // changes the color of the button label
+		so.addVariable("appnamecolor", "#AAAAAA"); // changes the color of the application name if the image is not specified or loaded
+		
+		// these parameters allow you to override the default text in the badge:
+		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
+		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
+		
+		so.write("flashcontent");
+		
+		// ]]>
+	</script>
+
+<!-- END EMBED CODE -->
+</center>	
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/badge/indexblack_cn.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/badge/indexblack_cn.html b/TourDeFlex/TourDeFlex_content/badge/indexblack_cn.html
index b5c495b..4a8017c 100644
--- a/TourDeFlex/TourDeFlex_content/badge/indexblack_cn.html
+++ b/TourDeFlex/TourDeFlex_content/badge/indexblack_cn.html
@@ -14,76 +14,76 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	<title>Tour de Flex Download</title>
-	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
-	<script type="text/javascript" src="swfobject.js"></script>
-	<style>
-	TD {font-size: 10pt;}
-	H2 {font-family: Arial;}
-	</style>
-	
-</head>
-<body color="#FFFFFF" bgcolor="#000000" text="#000000" link="#AAAAFF" vlink="#AAAAFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
-<center>
-<!-- BEGIN EMBED CODE -->
-	
-	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
-	
-	<div id="flashcontent" style="width:215px; height:180px;">
-		<strong>Please upgrade your Flash Player</strong>
-	</div>
-
-	<script type="text/javascript">
-		// <![CDATA[
-		
-		// version 9.0.115 or greater is required for launching AIR apps.
-		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
-		so.useExpressInstall('expressinstall.swf');
-		
-		// these parameters are required for badge install:
-		so.addVariable("airversion", "1.5"); // version of AIR runtime required
-		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
-		//so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
-		so.addVariable("appurl", "http://tourdeflex.adobe.com/download/TourDeFlexCN.air"); // absolute URL (beginning with http or https) of the application ".air" file
-		
-		// these parameters are required to support launching apps from the badge (but optional for install):
-		so.addVariable("appid", "com.pe.tourdeflexcn.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
-		so.addVariable("pubid", ""); // publisher id
-		
-		// this parameter is required in addition to the above to support upgrading from the badge:
-		so.addVariable("appversion", "1.2.5"); // AIR application version
-		
-		// these parameters are optional:
-		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
-		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
-		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
-		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
-		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
-		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
-		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
-		so.addVariable("buttonlabelcolor", "#AAAAAA"); // changes the color of the button label
-		so.addVariable("appnamecolor", "#AAAAAA"); // changes the color of the application name if the image is not specified or loaded
-		
-		// these parameters allow you to override the default text in the badge:
-		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
-		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
-		// Doesn't work... embedded fonts maybe? .. Greg W -- so.addVariable("str_install", "立即安装");
-		
-		so.write("flashcontent");
-		
-		// ]]>
-	</script>
-
-<!-- END EMBED CODE -->
-</center>	
-</body>
-</html>
-
-
-
-
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Tour de Flex Download</title>
+	<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
+	<script type="text/javascript" src="swfobject.js"></script>
+	<style>
+	TD {font-size: 10pt;}
+	H2 {font-family: Arial;}
+	</style>
+	
+</head>
+<body color="#FFFFFF" bgcolor="#000000" text="#000000" link="#AAAAFF" vlink="#AAAAFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
+<center>
+<!-- BEGIN EMBED CODE -->
+	
+	<!-- IMPORTANT: Make sure you also copy the swfobject script tag from the head above -->
+	
+	<div id="flashcontent" style="width:215px; height:180px;">
+		<strong>Please upgrade your Flash Player</strong>
+	</div>
+
+	<script type="text/javascript">
+		// <![CDATA[
+		
+		// version 9.0.115 or greater is required for launching AIR apps.
+		var so = new SWFObject("AIRInstallBadge.swf", "Badge", "215", "180", "9.0.115", "#323232");
+		so.useExpressInstall('expressinstall.swf');
+		
+		// these parameters are required for badge install:
+		so.addVariable("airversion", "1.5"); // version of AIR runtime required
+		so.addVariable("appname", "Tour de Flex"); // application name to display to the user
+		//so.addVariable("appurl", "http://download.macromedia.com/pub/developer/air/TourDeFlex.air"); // absolute URL (beginning with http or https) of the application ".air" file
+		so.addVariable("appurl", "http://tourdeflex.adobe.com/download/TourDeFlexCN.air"); // absolute URL (beginning with http or https) of the application ".air" file
+		
+		// these parameters are required to support launching apps from the badge (but optional for install):
+		so.addVariable("appid", "com.pe.tourdeflexcn.adobe"); // the qualified application ID (ex. com.gskinner.air.MyApplication)
+		so.addVariable("pubid", ""); // publisher id
+		
+		// this parameter is required in addition to the above to support upgrading from the badge:
+		so.addVariable("appversion", "1.2.5"); // AIR application version
+		
+		// these parameters are optional:
+		so.addVariable("imageurl", "tdfx_badge.jpg"); // URL for an image (JPG, PNG, GIF) or SWF to display in the badge (205px wide, 170px high)
+		so.addVariable("appinstallarg", "installed from web"); // passed to the application when it is installed from the badge
+		so.addVariable("applauncharg", "launched from web"); // passed to the application when it is launched from the badge
+		so.addVariable("helpurl", "help.html"); // optional url to a page containing additional help, displayed in the badge's help screen
+		so.addVariable("hidehelp", "true"); // hides the help icon if "true"
+		so.addVariable("skiptransition", "false"); // skips the initial transition if "true"
+		so.addVariable("titlecolor", "#00AAFF"); // changes the color of titles
+		so.addVariable("buttonlabelcolor", "#AAAAAA"); // changes the color of the button label
+		so.addVariable("appnamecolor", "#AAAAAA"); // changes the color of the application name if the image is not specified or loaded
+		
+		// these parameters allow you to override the default text in the badge:
+		// supported strings: str_error, str_err_params, str_err_airunavailable, str_err_airswf, str_loading, str_install, str_launch, str_upgrade, str_close, str_launching, str_launchingtext, str_installing, str_installingtext, str_tryagain, str_beta3, str_beta3text, str_help, str_helptext
+		so.addVariable("str_err_airswf", "<u>Running locally?</u><br/><br/>The AIR proxy swf won't load properly when this demo is run from the local file system."); // overrides the error text when the AIR proxy swf fails to load
+		// Doesn't work... embedded fonts maybe? .. Greg W -- so.addVariable("str_install", "立即安装");
+		
+		so.write("flashcontent");
+		
+		// ]]>
+	</script>
+
+<!-- END EMBED CODE -->
+</center>	
+</body>
+</html>
+
+
+
+
+

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

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

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml
index 376bb2c..c499fdb 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,80 +17,80 @@
   limitations under the License.
 
 -->
-<list>
-    <employee employeeId="1">
-    	<firstName>Michael</firstName>
-    	<lastName>Scott</lastName>
-    	<image>assets/scott.jpg</image>
-    </employee>
-    <employee employeeId="2">
-    	<firstName>Pam</firstName>
-    	<lastName>Beesly</lastName>
-    	<image>assets/beesly.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Andy</firstName>
-    	<lastName>Bernard</lastName>
-    	<image>assets/bernard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Creed</firstName>
-    	<lastName>Bratton</lastName>
-    	<image>assets/bratton.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Toby</firstName>
-    	<lastName>Flenderson</lastName>
-    	<image>assets/flenderson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Jim</firstName>
-    	<lastName>Halpert</lastName>
-    	<image>assets/halpert.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Ryan</firstName>
-    	<lastName>Howard</lastName>
-    	<image>assets/howard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Stanley</firstName>
-    	<lastName>Hudson</lastName>
-    	<image>assets/hudson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kelly</firstName>
-    	<lastName>Kapoor</lastName>
-    	<image>assets/kapoor.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Phyllis</firstName>
-    	<lastName>Lapin</lastName>
-    	<image>assets/lapin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kevin</firstName>
-    	<lastName>Malone</lastName>
-    	<image>assets/malone.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Angela</firstName>
-    	<lastName>Martin</lastName>
-    	<image>assets/martin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Oscar</firstName>
-    	<lastName>Martinez</lastName>
-    	<image>assets/martinez.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Meredith</firstName>
-    	<lastName>Palmer</lastName>
-    	<image>assets/palmer.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Dwight</firstName>
-    	<lastName>Schrute</lastName>
-    	<image>assets/schrute.jpg</image>
-    </employee>
+<list>
+    <employee employeeId="1">
+    	<firstName>Michael</firstName>
+    	<lastName>Scott</lastName>
+    	<image>assets/scott.jpg</image>
+    </employee>
+    <employee employeeId="2">
+    	<firstName>Pam</firstName>
+    	<lastName>Beesly</lastName>
+    	<image>assets/beesly.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Andy</firstName>
+    	<lastName>Bernard</lastName>
+    	<image>assets/bernard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Creed</firstName>
+    	<lastName>Bratton</lastName>
+    	<image>assets/bratton.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Toby</firstName>
+    	<lastName>Flenderson</lastName>
+    	<image>assets/flenderson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Jim</firstName>
+    	<lastName>Halpert</lastName>
+    	<image>assets/halpert.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Ryan</firstName>
+    	<lastName>Howard</lastName>
+    	<image>assets/howard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Stanley</firstName>
+    	<lastName>Hudson</lastName>
+    	<image>assets/hudson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kelly</firstName>
+    	<lastName>Kapoor</lastName>
+    	<image>assets/kapoor.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Phyllis</firstName>
+    	<lastName>Lapin</lastName>
+    	<image>assets/lapin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kevin</firstName>
+    	<lastName>Malone</lastName>
+    	<image>assets/malone.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Angela</firstName>
+    	<lastName>Martin</lastName>
+    	<image>assets/martin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Oscar</firstName>
+    	<lastName>Martinez</lastName>
+    	<image>assets/martinez.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Meredith</firstName>
+    	<lastName>Palmer</lastName>
+    	<image>assets/palmer.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Dwight</firstName>
+    	<lastName>Schrute</lastName>
+    	<image>assets/schrute.jpg</image>
+    </employee>
 </list>
\ No newline at end of file

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


[41/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/renderers/PhoneRenderer.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/renderers/PhoneRenderer.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/renderers/PhoneRenderer.mxml.html
index c7c807d..1c6a887 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/renderers/PhoneRenderer.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/renderers/PhoneRenderer.mxml.html
@@ -23,47 +23,47 @@
 <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:ItemRenderer</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">" 
-                autoDrawBackground="</span><span class="MXMLString">false</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">" clipAndEnableScrolling="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"
-                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cf</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">hovered</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:transitions&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Parallel&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleXFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleXTo="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleZFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" angleZTo="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLCom
 ponent_Tag">/&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">320</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/s:Parallel&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:Transition&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
-              width="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">94</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</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">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.normal="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</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">" radiusX="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" radiusY="</span><span class="MXMLString">4</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:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.5</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:Rect&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-20</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">color</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">price</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:ItemRenderer</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">" 
+                autoDrawBackground="</span><span class="MXMLString">false</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">" clipAndEnableScrolling="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"
+                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cf</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">hovered</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:transitions&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Parallel&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleXFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleXTo="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleZFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" angleZTo="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLCom
 ponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">320</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:Parallel&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Transition&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+              width="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">94</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</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">" left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.normal="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</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">" radiusX="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" radiusY="</span><span class="MXMLString">4</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:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.5</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:Rect&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-20</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">color</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">price</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
+
 <span class="MXMLComponent_Tag">&lt;/s:ItemRenderer&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/sample.mxml.html
index d867b34..efd4493 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/sample.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/sample.mxml.html
@@ -23,86 +23,86 @@
 <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">" 
-               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" xmlns:layouts="</span><span class="MXMLString">layouts.*</span><span class="MXMLDefault_Text">"
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="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="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span>
-            <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">items</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filteredItems</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_maxPrice</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 1000;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_camera</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_video</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_triband</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-            
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">items</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">catalog</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">product</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
-                <span class="ActionScriptDefault_Text">filteredItems</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">items</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">source</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filter</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">selectionChange</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">filteredItems</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">filterLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">filter</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="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">price</span> <span class="ActionScriptOperator">&lt;=</span> <span class="ActionScriptDefault_Text">_maxPrice</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_camera</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">camera</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_video</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">video</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_triband</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">triband</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>            
-            
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/catalog.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Max Price:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">priceSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">1000</span><span class="MXMLDefault_Text">" snapInterval="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" value="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_maxPrice</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Camera</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_camera</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Video</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_video</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Triband</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_triband</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">items</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.PhoneRenderer</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">50</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">" horizontalCenter="</span><span class="MXMLString">0</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;layouts:FilteredTileLayout</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">filterLayout</span><span class="MXMLDefault_Text">" filteredItems="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="MXMLString">}</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:DataGroup&gt;</span>
-    
+<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">" 
+               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" xmlns:layouts="</span><span class="MXMLString">layouts.*</span><span class="MXMLDefault_Text">"
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="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="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span>
+            <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">items</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filteredItems</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_maxPrice</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 1000;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_camera</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_video</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_triband</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">items</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">catalog</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">product</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
+                <span class="ActionScriptDefault_Text">filteredItems</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">items</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">source</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filter</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">selectionChange</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">filteredItems</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">filterLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">filter</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="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">price</span> <span class="ActionScriptOperator">&lt;=</span> <span class="ActionScriptDefault_Text">_maxPrice</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_camera</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">camera</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_video</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">video</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">_triband</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">triband</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>            
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/catalog.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Max Price:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">priceSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">1000</span><span class="MXMLDefault_Text">" snapInterval="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" value="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_maxPrice</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Camera</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_camera</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Video</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_video</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Triband</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">@{</span><span class="ActionScriptDefault_Text">_triband</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" change="</span><span class="ActionScriptDefault_Text">selectionChange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">items</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.PhoneRenderer</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">50</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">" horizontalCenter="</span><span class="MXMLString">0</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;layouts:FilteredTileLayout</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">filterLayout</span><span class="MXMLDefault_Text">" filteredItems="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="MXMLString">}</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:DataGroup&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/CustomLayout-Animated/srcview/src/data/catalog.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/data/catalog.xml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/data/catalog.xml
index ecf9bc6..710fef8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/data/catalog.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/data/catalog.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,177 +17,177 @@
   limitations under the License.
 
 -->
-
-<catalog>
-
-    <product productId="1">
-        <name>Nokia 6010</name>
-        <color></color>
-        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
-        <price>99.99</price>
-        <image>assets/pic/Nokia_6010.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>MMS</highlight1>
-		<highlight2>Large color display</highlight2>
-    </product>
-
-    <product productId="2">
-        <name>Nokia 3100</name>
-        <color>Blue</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_blue.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="3">
-        <name>Nokia 3100</name>
-        <color>Pink</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_pink.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="4">
-        <name>Nokia 3120</name>
-        <color></color>
-        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3120.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Multimedia messaging</highlight1>
-		<highlight2>Animated screensavers</highlight2>
-    </product>
-
-    <product productId="5">
-        <name>Nokia 3220</name>
-        <color></color>
-        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3220.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>MIDI tones</highlight1>
-		<highlight2>Cut-out covers</highlight2>
-    </product>
-
-    <product productId="6">
-        <name>Nokia 3650</name>
-        <color></color>
-        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
-        <price>199.99</price>
-        <image>assets/pic/Nokia_3650.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Infrared or Bluetooth</highlight1>
-		<highlight2>Built-in XHTML browser</highlight2>
-    </product>
-
-    <product productId="7">
-        <name>Nokia 6820</name>
-        <color></color>
-        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
-        <price>299.99</price>
-        <image>assets/pic/Nokia_6820.gif</image>
-        <series>6000</series>
-        <triband>true</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>Messaging keyboard</highlight1>
-		<highlight2>Bluetooth </highlight2>
-    </product>
-
-    <product productId="8">
-        <name>Nokia 6670</name>
-        <color></color>
-        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
-        <price>309.99</price>
-        <image>assets/pic/Nokia_6670.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>PDF support</highlight1>
-		<highlight2>4x digital zoom</highlight2>
-    </product>
-
-    <product productId="9">
-        <name>Nokia 6620</name>
-        <color></color>
-        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
-        <price>329.99</price>
-        <image>assets/pic/Nokia_6620.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Bluetooth technology</highlight1>
-		<highlight2>Up to 10 minutes video</highlight2>
-    </product>
-
-    <product productId="10">
-        <name>Nokia 3230</name>
-        <color>Silver</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_black.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="11">
-        <name>Nokia 3230</name>
-        <color>Bronze</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_bronze.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="12">
-        <name>Nokia 6630</name>
-        <color></color>
-        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
-        <price>379</price>
-        <image>assets/pic/Nokia_6630.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>6x smooth digital zoom</highlight2>
-    </product>
-
-    
-   
+
+<catalog>
+
+    <product productId="1">
+        <name>Nokia 6010</name>
+        <color></color>
+        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
+        <price>99.99</price>
+        <image>assets/pic/Nokia_6010.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>MMS</highlight1>
+		<highlight2>Large color display</highlight2>
+    </product>
+
+    <product productId="2">
+        <name>Nokia 3100</name>
+        <color>Blue</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_blue.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="3">
+        <name>Nokia 3100</name>
+        <color>Pink</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_pink.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="4">
+        <name>Nokia 3120</name>
+        <color></color>
+        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3120.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Multimedia messaging</highlight1>
+		<highlight2>Animated screensavers</highlight2>
+    </product>
+
+    <product productId="5">
+        <name>Nokia 3220</name>
+        <color></color>
+        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3220.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>MIDI tones</highlight1>
+		<highlight2>Cut-out covers</highlight2>
+    </product>
+
+    <product productId="6">
+        <name>Nokia 3650</name>
+        <color></color>
+        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
+        <price>199.99</price>
+        <image>assets/pic/Nokia_3650.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Infrared or Bluetooth</highlight1>
+		<highlight2>Built-in XHTML browser</highlight2>
+    </product>
+
+    <product productId="7">
+        <name>Nokia 6820</name>
+        <color></color>
+        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
+        <price>299.99</price>
+        <image>assets/pic/Nokia_6820.gif</image>
+        <series>6000</series>
+        <triband>true</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>Messaging keyboard</highlight1>
+		<highlight2>Bluetooth </highlight2>
+    </product>
+
+    <product productId="8">
+        <name>Nokia 6670</name>
+        <color></color>
+        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
+        <price>309.99</price>
+        <image>assets/pic/Nokia_6670.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>PDF support</highlight1>
+		<highlight2>4x digital zoom</highlight2>
+    </product>
+
+    <product productId="9">
+        <name>Nokia 6620</name>
+        <color></color>
+        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
+        <price>329.99</price>
+        <image>assets/pic/Nokia_6620.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Bluetooth technology</highlight1>
+		<highlight2>Up to 10 minutes video</highlight2>
+    </product>
+
+    <product productId="10">
+        <name>Nokia 3230</name>
+        <color>Silver</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_black.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="11">
+        <name>Nokia 3230</name>
+        <color>Bronze</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_bronze.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="12">
+        <name>Nokia 6630</name>
+        <color></color>
+        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
+        <price>379</price>
+        <image>assets/pic/Nokia_6630.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>6x smooth digital zoom</highlight2>
+    </product>
+
+    
+   
 </catalog>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/layouts/FilteredTileLayout.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/layouts/FilteredTileLayout.as b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/layouts/FilteredTileLayout.as
index 6c01c2c..5f8e87c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/layouts/FilteredTileLayout.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/layouts/FilteredTileLayout.as
@@ -16,245 +16,245 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package layouts
-{
-	import mx.collections.ICollectionView;
-	import mx.effects.Parallel;
-	import mx.events.EffectEvent;
-	
-	import spark.components.supportClasses.GroupBase;
-	import spark.components.supportClasses.ItemRenderer;
-	import spark.effects.Fade;
-	import spark.effects.Move;
-	import spark.layouts.supportClasses.LayoutBase;
-
-	public class FilteredTileLayout extends LayoutBase
-	{
-		public var filteredItems:ICollectionView;
-		
-		public var fadeOutDuration:Number = 400;
-		
-		public var moveDuration:Number = 400;
-		
-		public var fadeInDuration:Number = 400;
-
-		private var _target:GroupBase;
-
-		private var _containerWidth:Number;
-		
-		private var fadeOutEffects:Parallel;
-		private var fadeInEffects:Parallel;
-		private var moveEffects:Parallel;
-		
-		private var _horizontalGap:Number = 10;
-
-		private var _verticalGap:Number = 10;
-
-		private var _tileWidth:Number = 100;
-
-		private var _tileHeight:Number = 100;
-
-		public function set	horizontalGap(value:Number):void
-		{
-			_horizontalGap = value;
-			if (target)	target.invalidateDisplayList();
-		}
-
-		public function set	verticalGap(value:Number):void
-		{
-			_verticalGap = value;
-			if (target)	target.invalidateDisplayList();
-		}
-		
-		public function set	tileWidth(value:Number):void
-		{
-			_tileWidth = value;
-			if (target)	target.invalidateDisplayList();
-		}
-		
-		public function set	tileHeight(value:Number):void
-		{
-			_tileHeight = value;
-			if (target)	target.invalidateDisplayList();
-		}
-		
-		public function filter():void
-		{
-			// Prevent updateDisplayList() from being executed while we are animating tiles
-			_target.autoLayout = false;
-
-			// No filter has been applied. Keep showing all the items in the dataProvider
-			if (filteredItems == null) return;
-			
-			var count:int = _target.numElements;
-			
-			// No items in the dataProvider: Nothing to show.
-			if (count == 0) return;
-			
-			var x:int = 0;
-			var y:int = 0;
-			
-			fadeOutEffects = new Parallel();
-			fadeInEffects = new Parallel();
-			moveEffects = new Parallel();
-
-			for (var i:int = 0; i < count; i++)
-			{
-				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
-				
-				if (filteredItems.contains(itemRenderer.data))
-				{
-					// The element is part of the selection: calculate its x and y values
-					if (x + _tileWidth > _containerWidth)
-					{
-						x = 0;
-						y += _tileHeight + _verticalGap;
-					} 
-
-					if (itemRenderer.visible == false)
-					{
-						trace("FadeIn: " + itemRenderer.data.name);
-						// if the element was hidden, set its new x and y values (without Move animation) and register it for FadeIn animation
-						itemRenderer.visible = true;
-						itemRenderer.setLayoutBoundsPosition(x, y);
-						var fadeIn:Fade = new Fade(itemRenderer);
-						fadeIn.alphaTo = 1;
-						fadeInEffects.addChild(fadeIn);
-					}  
-					else
-					{
-						trace("Move: " + itemRenderer.data.name);
-						// the element was already visible: register it for Move animation
-						if (itemRenderer.x != x || itemRenderer.y != y)
-						{
-							var move:Move = new Move(itemRenderer);
-							move.xTo = x;
-							move.yTo = y;
-							moveEffects.addChild(move);
-						}
-					}
-					x += _tileWidth + _horizontalGap;
-				}					
-				else
-				{
-					if (itemRenderer.alpha == 1)
-					{
-						trace("FadeOut: " + itemRenderer.data.name);
-						// the element is filtered out: register it for FadeOut animation
-						var fadeOut:Fade = new Fade(itemRenderer);
-						fadeOut.alphaTo = 0;
-						fadeOutEffects.addChild(fadeOut);
-					}
-				}
-			}
-			fadeOutTiles();			
-		}
-
-		private function fadeOutTiles(event:EffectEvent = null):void
-		{
-			trace("fadeOutTiles");
-			if (fadeOutEffects.children.length > 0) {
-				fadeOutEffects.duration = fadeOutDuration;
-				fadeOutEffects.addEventListener(EffectEvent.EFFECT_END, moveTiles)
-				fadeOutEffects.play();
-			}
-			else
-			{
-				moveTiles();	
-			}
-		}
-		
-		private function moveTiles(event:EffectEvent = null):void
-		{
-			// Undesired behaviors may happen if we leave tiles with alpha=0 in the display list while performing other animations 
-			setInvisibleTiles();
-			
-			trace("moveTiles");
-			if (moveEffects.children.length > 0) {
-				moveEffects.duration = moveDuration;
-				moveEffects.addEventListener(EffectEvent.EFFECT_END, fadeInTiles)
-				moveEffects.play();
-			}
-			else
-			{
-				fadeInTiles();	
-			}
-		}
-
-		private function fadeInTiles(event:EffectEvent = null):void
-		{
-			trace("fadeInTiles");
-			if (fadeInEffects.children.length > 0) {
-				fadeInEffects.duration = fadeInDuration;
-				moveEffects.addEventListener(EffectEvent.EFFECT_END, fadeInTilesEnd)
-				fadeInEffects.play();
-			}
-			else
-			{
-				fadeInTilesEnd();	
-			}
-		}
-		
-		private function fadeInTilesEnd(event:EffectEvent = null):void
-		{
-			_target.autoLayout = true; 
-		}
-		
-		private function setInvisibleTiles():void
-		{
-			var count:int = _target.numElements;
-			
-			if (count == 0) return;
-			
-			for (var i:int = 0; i < count; i++)
-			{
-				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
-				if (!filteredItems.contains(itemRenderer.data))
-				{	
-					trace("Removing from layout: " + itemRenderer.data.name);					
-					itemRenderer.visible = false;
-				}		
-			}
-		}
-	
-		override public function updateDisplayList(containerWidth:Number, containerHeight:Number):void
-		{
-			trace("updateDisplaylist");
-
-			_target = target;
-			_containerWidth = containerWidth;
-
-			var count:int = target.numElements;
-			if (count == 0) return;
-			
-			var x:int=0;
-			var y:int=0;
-			
-			for (var i:int = 0; i < count; i++)
-			{
-				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
-
-				itemRenderer.setLayoutBoundsSize(_tileWidth, _tileHeight);
-				
-				if (filteredItems && filteredItems.contains(itemRenderer.data))
-				{
-					// The element is part of the selection: calculate its x and y values
-					if (x + _tileWidth > containerWidth)
-					{
-						x = 0;
-						y += _tileHeight + _verticalGap;
-					} 
-					itemRenderer.setLayoutBoundsPosition(x, y);	
-					itemRenderer.alpha = 1;
-					x += _tileWidth + _horizontalGap;
-				}					
-				else
-				{
-					itemRenderer.alpha = 0;
-				}
-				
-			}
-		}
-
-	}
+package layouts
+{
+	import mx.collections.ICollectionView;
+	import mx.effects.Parallel;
+	import mx.events.EffectEvent;
+	
+	import spark.components.supportClasses.GroupBase;
+	import spark.components.supportClasses.ItemRenderer;
+	import spark.effects.Fade;
+	import spark.effects.Move;
+	import spark.layouts.supportClasses.LayoutBase;
+
+	public class FilteredTileLayout extends LayoutBase
+	{
+		public var filteredItems:ICollectionView;
+		
+		public var fadeOutDuration:Number = 400;
+		
+		public var moveDuration:Number = 400;
+		
+		public var fadeInDuration:Number = 400;
+
+		private var _target:GroupBase;
+
+		private var _containerWidth:Number;
+		
+		private var fadeOutEffects:Parallel;
+		private var fadeInEffects:Parallel;
+		private var moveEffects:Parallel;
+		
+		private var _horizontalGap:Number = 10;
+
+		private var _verticalGap:Number = 10;
+
+		private var _tileWidth:Number = 100;
+
+		private var _tileHeight:Number = 100;
+
+		public function set	horizontalGap(value:Number):void
+		{
+			_horizontalGap = value;
+			if (target)	target.invalidateDisplayList();
+		}
+
+		public function set	verticalGap(value:Number):void
+		{
+			_verticalGap = value;
+			if (target)	target.invalidateDisplayList();
+		}
+		
+		public function set	tileWidth(value:Number):void
+		{
+			_tileWidth = value;
+			if (target)	target.invalidateDisplayList();
+		}
+		
+		public function set	tileHeight(value:Number):void
+		{
+			_tileHeight = value;
+			if (target)	target.invalidateDisplayList();
+		}
+		
+		public function filter():void
+		{
+			// Prevent updateDisplayList() from being executed while we are animating tiles
+			_target.autoLayout = false;
+
+			// No filter has been applied. Keep showing all the items in the dataProvider
+			if (filteredItems == null) return;
+			
+			var count:int = _target.numElements;
+			
+			// No items in the dataProvider: Nothing to show.
+			if (count == 0) return;
+			
+			var x:int = 0;
+			var y:int = 0;
+			
+			fadeOutEffects = new Parallel();
+			fadeInEffects = new Parallel();
+			moveEffects = new Parallel();
+
+			for (var i:int = 0; i < count; i++)
+			{
+				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
+				
+				if (filteredItems.contains(itemRenderer.data))
+				{
+					// The element is part of the selection: calculate its x and y values
+					if (x + _tileWidth > _containerWidth)
+					{
+						x = 0;
+						y += _tileHeight + _verticalGap;
+					} 
+
+					if (itemRenderer.visible == false)
+					{
+						trace("FadeIn: " + itemRenderer.data.name);
+						// if the element was hidden, set its new x and y values (without Move animation) and register it for FadeIn animation
+						itemRenderer.visible = true;
+						itemRenderer.setLayoutBoundsPosition(x, y);
+						var fadeIn:Fade = new Fade(itemRenderer);
+						fadeIn.alphaTo = 1;
+						fadeInEffects.addChild(fadeIn);
+					}  
+					else
+					{
+						trace("Move: " + itemRenderer.data.name);
+						// the element was already visible: register it for Move animation
+						if (itemRenderer.x != x || itemRenderer.y != y)
+						{
+							var move:Move = new Move(itemRenderer);
+							move.xTo = x;
+							move.yTo = y;
+							moveEffects.addChild(move);
+						}
+					}
+					x += _tileWidth + _horizontalGap;
+				}					
+				else
+				{
+					if (itemRenderer.alpha == 1)
+					{
+						trace("FadeOut: " + itemRenderer.data.name);
+						// the element is filtered out: register it for FadeOut animation
+						var fadeOut:Fade = new Fade(itemRenderer);
+						fadeOut.alphaTo = 0;
+						fadeOutEffects.addChild(fadeOut);
+					}
+				}
+			}
+			fadeOutTiles();			
+		}
+
+		private function fadeOutTiles(event:EffectEvent = null):void
+		{
+			trace("fadeOutTiles");
+			if (fadeOutEffects.children.length > 0) {
+				fadeOutEffects.duration = fadeOutDuration;
+				fadeOutEffects.addEventListener(EffectEvent.EFFECT_END, moveTiles)
+				fadeOutEffects.play();
+			}
+			else
+			{
+				moveTiles();	
+			}
+		}
+		
+		private function moveTiles(event:EffectEvent = null):void
+		{
+			// Undesired behaviors may happen if we leave tiles with alpha=0 in the display list while performing other animations 
+			setInvisibleTiles();
+			
+			trace("moveTiles");
+			if (moveEffects.children.length > 0) {
+				moveEffects.duration = moveDuration;
+				moveEffects.addEventListener(EffectEvent.EFFECT_END, fadeInTiles)
+				moveEffects.play();
+			}
+			else
+			{
+				fadeInTiles();	
+			}
+		}
+
+		private function fadeInTiles(event:EffectEvent = null):void
+		{
+			trace("fadeInTiles");
+			if (fadeInEffects.children.length > 0) {
+				fadeInEffects.duration = fadeInDuration;
+				moveEffects.addEventListener(EffectEvent.EFFECT_END, fadeInTilesEnd)
+				fadeInEffects.play();
+			}
+			else
+			{
+				fadeInTilesEnd();	
+			}
+		}
+		
+		private function fadeInTilesEnd(event:EffectEvent = null):void
+		{
+			_target.autoLayout = true; 
+		}
+		
+		private function setInvisibleTiles():void
+		{
+			var count:int = _target.numElements;
+			
+			if (count == 0) return;
+			
+			for (var i:int = 0; i < count; i++)
+			{
+				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
+				if (!filteredItems.contains(itemRenderer.data))
+				{	
+					trace("Removing from layout: " + itemRenderer.data.name);					
+					itemRenderer.visible = false;
+				}		
+			}
+		}
+	
+		override public function updateDisplayList(containerWidth:Number, containerHeight:Number):void
+		{
+			trace("updateDisplaylist");
+
+			_target = target;
+			_containerWidth = containerWidth;
+
+			var count:int = target.numElements;
+			if (count == 0) return;
+			
+			var x:int=0;
+			var y:int=0;
+			
+			for (var i:int = 0; i < count; i++)
+			{
+				var itemRenderer:ItemRenderer = _target.getElementAt(i) as ItemRenderer;
+
+				itemRenderer.setLayoutBoundsSize(_tileWidth, _tileHeight);
+				
+				if (filteredItems && filteredItems.contains(itemRenderer.data))
+				{
+					// The element is part of the selection: calculate its x and y values
+					if (x + _tileWidth > containerWidth)
+					{
+						x = 0;
+						y += _tileHeight + _verticalGap;
+					} 
+					itemRenderer.setLayoutBoundsPosition(x, y);	
+					itemRenderer.alpha = 1;
+					x += _tileWidth + _horizontalGap;
+				}					
+				else
+				{
+					itemRenderer.alpha = 0;
+				}
+				
+			}
+		}
+
+	}
 }
\ No newline at end of file


[07/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/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-Events/srcview/source/final-sample/FiveSecondTrigger.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/FiveSecondTrigger.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/FiveSecondTrigger.as.html
index 2994a86..b0d79b7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/FiveSecondTrigger.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/FiveSecondTrigger.as.html
@@ -14,39 +14,39 @@
   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>FiveSecondTrigger.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">EventDispatcher</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">TimerEvent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">utils</span>.<span class="ActionScriptDefault_Text">Timer</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;triggered&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">EventDispatcher</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span><span class="ActionScriptBracket/Brace">()</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Timer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>5000, 1<span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">t</span>.<span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(T</span><span class="ActionScriptDefault_Text">imerEvent</span>.<span class="ActionScriptDefault_Text">TIMER</span>, <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">t</span>.<span class="ActionScriptDefault_Text">start</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">handleTimer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Event</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&quot;triggered&quot;</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptBracket/Brace">}</span>
-<span class="ActionScriptBracket/Brace">}</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>FiveSecondTrigger.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">EventDispatcher</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">TimerEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">utils</span>.<span class="ActionScriptDefault_Text">Timer</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;triggered&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">EventDispatcher</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span><span class="ActionScriptBracket/Brace">()</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Timer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>5000, 1<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">t</span>.<span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(T</span><span class="ActionScriptDefault_Text">imerEvent</span>.<span class="ActionScriptDefault_Text">TIMER</span>, <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">t</span>.<span class="ActionScriptDefault_Text">start</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">handleTimer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Event</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&quot;triggered&quot;</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/MyEvent.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/MyEvent.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/MyEvent.as.html
index ebde7ba..b3378e1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/MyEvent.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/MyEvent.as.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>MyEvent.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">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">FlexEvent</span>;
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">MyEvent</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">FlexEvent</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">TRIGGERED</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;triggered&quot;</span>; 
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">MyEvent</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">bubbles</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">false</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">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>
+<!-- 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>MyEvent.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">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">FlexEvent</span>;
+
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">MyEvent</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">FlexEvent</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">TRIGGERED</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;triggered&quot;</span>; 
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">MyEvent</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">bubbles</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">false</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">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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/readme.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/readme.html
index b421bf7..abe9283 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/readme.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/readme.html
@@ -14,8 +14,8 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-Additional resources on Flex Events:
-<UL>
-<LI><A HREF="http://livedocs.adobe.com/flex/3/html/help.html?content=events_01.html">Flex 3 Help - Using Events</A>
-<LI><A HREF="http://livedocs.adobe.com/flex/3/langref/flash/events/Event.html">Flex 3 Language Reference - Events</A>
+Additional resources on Flex Events:
+<UL>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/html/help.html?content=events_01.html">Flex 3 Help - Using Events</A>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/langref/flash/events/Event.html">Flex 3 Language Reference - Events</A>
 </UL>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.mxml.html
index 6989d52..030c684 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample1.mxml.html
@@ -14,22 +14,22 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Property </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">click me</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>    
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Property </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">click me</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.html
index 573bb1c..78b450c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.mxml.html
index 82ff912..c9c5f35 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample2.mxml.html
@@ -14,27 +14,27 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Block </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:click&gt;</span>
-        <span class="ActionScriptDefault_Text">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="MXMLComponent_Tag">&lt;/mx:click&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:Button&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Block </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:click&gt;</span>
+        <span class="ActionScriptDefault_Text">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="MXMLComponent_Tag">&lt;/mx:click&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:Button&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.html
index b0f9f26..686fd7a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample3" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample3.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample3.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample3" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample3" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample3.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample3.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample3" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.mxml.html
index c6f4756..18f210c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample3.mxml.html
@@ -14,30 +14,30 @@
   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>sample3.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</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">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">handleClick</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: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>sample3.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</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">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">handleClick</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: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-Events/srcview/source/final-sample/sample4.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.html
index 4b3d1c7..38f0775 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample4" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample4.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample4.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample4" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample4" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample4.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample4.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample4" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.mxml.html
index 54a1e07..6bedd12 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample4.mxml.html
@@ -14,34 +14,34 @@
   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>sample4.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function with addEventListener </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</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">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:creationComplete&gt;</span>
-        <span class="ActionScriptDefault_Text">b</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">handleClick</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="MXMLComponent_Tag">&lt;/mx:creationComplete&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:Button&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample4.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function with addEventListener </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</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">b</span>.<span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+        <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;clicked!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:creationComplete&gt;</span>
+        <span class="ActionScriptDefault_Text">b</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">handleClick</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="MXMLComponent_Tag">&lt;/mx:creationComplete&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:Button&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.html
index 4c00207..d43f681 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample5" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample5.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample5.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample5" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample5" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample5.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample5.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample5" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.mxml.html
index 30a7528..b10eb16 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample5.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>sample5.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching an Event </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;FiveSecondTrigger</span><span class="MXMLDefault_Text"> triggered=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;five second event triggered&apos;</span><span class="ActionScriptBracket/Brace">)</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">wait 5 seconds</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample5.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching an Event </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;FiveSecondTrigger</span><span class="MXMLDefault_Text"> triggered=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;five second event triggered&apos;</span><span class="ActionScriptBracket/Brace">)</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">wait 5 seconds</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.html
index 531ea91..28dd4b5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample6" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample6.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample6.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample6" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample6" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample6.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample6.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample6" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.mxml.html
index 85c33dc..07a3068 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/final-sample/sample6.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>sample6.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching a Custom Event </span><span class="MXMLComment">--&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:initialize&gt;</span>
-    <span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MyEvent</span>.<span class="ActionScriptDefault_Text">TRIGGERED</span>, <span class="ActionScriptfunction">function</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-       <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;event handled!&apos;</span><span class="ActionScriptBracket/Brace">)</span>; 
-    <span class="ActionScriptBracket/Brace">})</span>;
-    <span class="MXMLComponent_Tag">&lt;/mx:initialize&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">fire the event!</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MyEvent</span>.<span class="ActionScriptDefault_Text">TRIGGERED</span><span class="ActionScriptBracket/Brace">))</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample6.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; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching a Custom Event </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:initialize&gt;</span>
+    <span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MyEvent</span>.<span class="ActionScriptDefault_Text">TRIGGERED</span>, <span class="ActionScriptfunction">function</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+       <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;event handled!&apos;</span><span class="ActionScriptBracket/Brace">)</span>; 
+    <span class="ActionScriptBracket/Brace">})</span>;
+    <span class="MXMLComponent_Tag">&lt;/mx:initialize&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">fire the event!</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MyEvent</span>.<span class="ActionScriptDefault_Text">TRIGGERED</span><span class="ActionScriptBracket/Brace">))</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>


[33/51] [partial] trying to merge TourDeFlex develop release into master

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

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

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

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

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

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

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


[09/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.mxml.html
index a77af0e..8592fd0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.mxml.html
@@ -14,56 +14,56 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">managers</span>.<span class="ActionScriptDefault_Text">DragManager</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Fruit</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fruitDetails</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">drag fruit here</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
-        paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:dragEnter&gt;</span>
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">dragSource</span>.<span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;items&apos;</span><span class="ActionScriptBracket/Brace">))</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Panel</span>;
-            <span class="ActionScriptDefault_Text">DragManager</span>.<span class="ActionScriptDefault_Text">acceptDragDrop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:dragEnter&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:dragOver&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;/mx:dragOver&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:dragDrop&gt;</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">dragSource</span>.<span class="ActionScriptDefault_Text">dataForFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;items&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Panel</span><span class="ActionScriptBracket/Brace">()</span>;
-        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">title</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">percentWidth</span> <span class="ActionScriptOperator">=</span> 100;
-        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">percentHeight</span> <span class="ActionScriptOperator">=</span> 25;
-        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&quot;color&quot;</span>,<span class="ActionScriptString">&quot;black&quot;</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptDefault_Text">fruitDetails</span>.<span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="MXMLComponent_Tag">&lt;/mx:dragDrop&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">managers</span>.<span class="ActionScriptDefault_Text">DragManager</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Fruit</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fruitDetails</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">drag fruit here</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
+        paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dragEnter&gt;</span>
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">dragSource</span>.<span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;items&apos;</span><span class="ActionScriptBracket/Brace">))</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Panel</span>;
+            <span class="ActionScriptDefault_Text">DragManager</span>.<span class="ActionScriptDefault_Text">acceptDragDrop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:dragEnter&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dragOver&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;/mx:dragOver&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dragDrop&gt;</span>
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">dragSource</span>.<span class="ActionScriptDefault_Text">dataForFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;items&apos;</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Panel</span><span class="ActionScriptBracket/Brace">()</span>;
+        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">title</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">percentWidth</span> <span class="ActionScriptOperator">=</span> 100;
+        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">percentHeight</span> <span class="ActionScriptOperator">=</span> 25;
+        <span class="ActionScriptDefault_Text">p</span>.<span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&quot;color&quot;</span>,<span class="ActionScriptString">&quot;black&quot;</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptDefault_Text">fruitDetails</span>.<span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="MXMLComponent_Tag">&lt;/mx:dragDrop&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample1.mxml.html
index ed4faba..61b1677 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample1.mxml.html
@@ -14,57 +14,57 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Drag and Drop 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:List</span><span class="MXMLDefault_Text"> allowMultipleSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dropEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragMoveEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
-                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr1</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Drag Items between lists</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> allowMultipleSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dropEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragMoveEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
-                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr2</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Drag and Drop 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:List</span><span class="MXMLDefault_Text"> allowMultipleSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dropEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragMoveEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
+                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr1</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Drag Items between lists</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> allowMultipleSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dropEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dragMoveEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
+                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr2</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample2.mxml.html
index 202cdcc..b34e972 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/sample2.mxml.html
@@ -14,75 +14,75 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DragManager</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&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">Fruit</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:List</span><span class="MXMLDefault_Text"> height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr1</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fruitDetails</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">drag fruit here</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:VerticalLayout</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:dragEnter&gt;</span>
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dragSource</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'itemsByIndex'</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dropTarget</span>:<span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Panel</span>;
-                <span class="ActionScriptDefault_Text">DragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">acceptDragDrop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="MXMLComponent_Tag">&lt;/s:dragEnter&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:dragOver&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/s:dragOver&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:dragDrop&gt;</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dragSource</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataForFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'itemsByIndex'</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span>:<span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Panel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">title</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentWidth</span> <span class="ActionScriptOperator">=</span> 100;
-            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentHeight</span> <span class="ActionScriptOperator">=</span> 25;
-            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"black"</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">fruitDetails</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="MXMLComponent_Tag">&lt;/s:dragDrop&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>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DragManager</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:ArrayList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">arr1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayList&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&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">Fruit</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:List</span><span class="MXMLDefault_Text"> height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" dragEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">arr1</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fruitDetails</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">drag fruit here</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:VerticalLayout</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:dragEnter&gt;</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dragSource</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'itemsByIndex'</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dropTarget</span>:<span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Panel</span>;
+                <span class="ActionScriptDefault_Text">DragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">acceptDragDrop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropTarget</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="MXMLComponent_Tag">&lt;/s:dragEnter&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:dragOver&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/s:dragOver&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:dragDrop&gt;</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dragSource</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataForFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'itemsByIndex'</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span>:<span class="ActionScriptDefault_Text">Panel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Panel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">title</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentWidth</span> <span class="ActionScriptOperator">=</span> 100;
+            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentHeight</span> <span class="ActionScriptOperator">=</span> 25;
+            <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"black"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">fruitDetails</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="MXMLComponent_Tag">&lt;/s:dragDrop&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-EmailValidator/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceIndex.xml
index faa846d..21227fb 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-EmailValidator</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-EmailValidator.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-EmailValidator</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-EmailValidator.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/index.html
index c6b32f3..5297d7d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-EmailValidator</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-EmailValidator</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/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>


[34/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-HLayoutBaseline/srcview/source/HBaselineLayout.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-HLayoutBaseline/srcview/source/HBaselineLayout.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-HLayoutBaseline/srcview/source/HBaselineLayout.as.html
index 9690a3f..7867059 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-HLayoutBaseline/srcview/source/HBaselineLayout.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-HLayoutBaseline/srcview/source/HBaselineLayout.as.html
@@ -23,185 +23,185 @@
 <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">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ILayoutElement</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">PropertyChangeEvent</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatters</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberBase</span>;
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layouts</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">HorizontalLayout</span>;
-
-<span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">HBaselineLayout</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">HorizontalLayout</span>
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">HBaselineLayout</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">super</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptComment">//----------------------------------
-</span>    <span class="ActionScriptComment">//  globalBaseline
-</span>    <span class="ActionScriptComment">//----------------------------------
-</span>    
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NaN</span>;
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">globalBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span> <span class="ActionScriptDefault_Text">globalBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptDefault_Text">_globalBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptComment">//----------------------------------
-</span>    <span class="ActionScriptComment">//  actualBaseline
-</span>    <span class="ActionScriptComment">//----------------------------------
-</span>    
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>:<span class="ActionScriptDefault_Text">Number</span>;
-    
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"propertyChange"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">actualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setActualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">_actualBaseline</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span>;
-
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">oldValue</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>;
-        <span class="ActionScriptDefault_Text">_actualBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-        <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">PropertyChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createUpdateEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"actualBaseline"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">oldValue</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">value</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptComment">//----------------------------------
-</span>    <span class="ActionScriptComment">//  verticalAlign
-</span>    <span class="ActionScriptComment">//----------------------------------
-</span>    
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">enumeration</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"top,bottom,middle,justify,contentJustify,baseline"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">defaultValue</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"top"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">verticalAlign</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">verticalAlign</span>;        
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptASDoc">/**
-     *  @private 
-     */</span>
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">verticalAlign</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptString">"baseline"</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span>;
-        
-        <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">true</span> <span class="ActionScriptComment">/*usePreferredSize*/</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_globalBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
-        
-        <span class="ActionScriptComment">// The measured height is the sum of the space above and below the baseline
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingTop</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingTop</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingBottom</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingBottom</span>;
-        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">round</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptASDoc">/**
-     *  @private 
-     */</span>
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</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="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</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">unscaledHeight</span><span class="ActionScriptBracket/Brace">)</span>;
-        
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">verticalAlign</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptString">"baseline"</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span>;
-
-        <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*usePreferredSize*/</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_globalBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
-
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingTop</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingTop</span>;
-        
-        <span class="ActionScriptComment">// Adjust the position of the elements
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">contentHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-        <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">element</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptReserved">continue</span>;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baseline</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Number</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> 0;
-
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">baselinePosition</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baselinePosition</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">y</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">baselinePosition</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsPosition</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsX</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">contentHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">contentHeight</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptComment">// Adjust the content height
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingBottom</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">contentHeight</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingBottom</span>;
-        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setContentSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contentWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">contentHeight</span><span class="ActionScriptBracket/Brace">)</span>;
-        
-        <span class="ActionScriptComment">// Update the baseline
-</span>        <span class="ActionScriptDefault_Text">setActualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">measuredBaselineTop</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;            <span class="ActionScriptComment">// How much space is needed above the baseline to fit all the elements
-</span>    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;        <span class="ActionScriptComment">// How much space is needed below the baseline to fit all the elements
-</span>    
-    <span class="ActionScriptASDoc">/**
-     *  @private 
-     */</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">usePreferredSize</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;             <span class="ActionScriptComment">// The current element's explicit baseline constraint
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaselineTop</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;            <span class="ActionScriptComment">// The portiono of the current element that's above the baseline
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaselineBottom</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;        <span class="ActionScriptComment">// The portion of the current element that's below the baseline
-</span>
-        <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">=</span> 0;
-
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-        <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">element</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptReserved">continue</span>;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usePreferredSize</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getPreferredBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> :
-                                                          <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baseline</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Number</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> 0;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">baselinePosition</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baselinePosition</span>;
-            
-            <span class="ActionScriptDefault_Text">elementBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">baselinePosition</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementBaseline</span>;
-            <span class="ActionScriptDefault_Text">elementBaselineBottom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">elementHeight</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementBaselineTop</span>;
-            
-            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaselineTop</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaselineBottom</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-    <span class="ActionScriptBracket/Brace">}</span>
-<span class="ActionScriptBracket/Brace">}</span>
+<body><pre><span class="ActionScriptpackage">package</span> <span class="ActionScriptBracket/Brace">{</span>
+
+<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ILayoutElement</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">PropertyChangeEvent</span>;
+<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatters</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberBase</span>;
+
+<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
+<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layouts</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">HorizontalLayout</span>;
+
+<span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">HBaselineLayout</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">HorizontalLayout</span>
+<span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">HBaselineLayout</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">super</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+
+    <span class="ActionScriptComment">//----------------------------------
+</span>    <span class="ActionScriptComment">//  globalBaseline
+</span>    <span class="ActionScriptComment">//----------------------------------
+</span>    
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NaN</span>;
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">globalBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span> <span class="ActionScriptDefault_Text">globalBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptDefault_Text">_globalBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">}</span>
+
+    <span class="ActionScriptComment">//----------------------------------
+</span>    <span class="ActionScriptComment">//  actualBaseline
+</span>    <span class="ActionScriptComment">//----------------------------------
+</span>    
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>:<span class="ActionScriptDefault_Text">Number</span>;
+    
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"propertyChange"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">actualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setActualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">_actualBaseline</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptReserved">return</span>;
+
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">oldValue</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_actualBaseline</span>;
+        <span class="ActionScriptDefault_Text">_actualBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+        <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">PropertyChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createUpdateEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"actualBaseline"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">oldValue</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">value</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptComment">//----------------------------------
+</span>    <span class="ActionScriptComment">//  verticalAlign
+</span>    <span class="ActionScriptComment">//----------------------------------
+</span>    
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Inspectable</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"General"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">enumeration</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"top,bottom,middle,justify,contentJustify,baseline"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">defaultValue</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">"top"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">verticalAlign</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">verticalAlign</span>;        
+    <span class="ActionScriptBracket/Brace">}</span>
+
+    <span class="ActionScriptASDoc">/**
+     *  @private 
+     */</span>
+    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">verticalAlign</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptString">"baseline"</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptReserved">return</span>;
+        
+        <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">true</span> <span class="ActionScriptComment">/*usePreferredSize*/</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_globalBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
+        
+        <span class="ActionScriptComment">// The measured height is the sum of the space above and below the baseline
+</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingTop</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingTop</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingBottom</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingBottom</span>;
+        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">round</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptASDoc">/**
+     *  @private 
+     */</span>
+    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</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="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</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">unscaledHeight</span><span class="ActionScriptBracket/Brace">)</span>;
+        
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">verticalAlign</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptString">"baseline"</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptReserved">return</span>;
+
+        <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*usePreferredSize*/</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_globalBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_globalBaseline</span>;
+
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingTop</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingTop</span>;
+        
+        <span class="ActionScriptComment">// Adjust the position of the elements
+</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">contentHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
+        <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">element</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptReserved">continue</span>;
+            
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baseline</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Number</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> 0;
+
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">baselinePosition</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baselinePosition</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">y</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">baselinePosition</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsPosition</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsX</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">contentHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">contentHeight</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptComment">// Adjust the content height
+</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">paddingBottom</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">contentHeight</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">paddingBottom</span>;
+        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setContentSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contentWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">contentHeight</span><span class="ActionScriptBracket/Brace">)</span>;
+        
+        <span class="ActionScriptComment">// Update the baseline
+</span>        <span class="ActionScriptDefault_Text">setActualBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">measuredBaselineTop</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;            <span class="ActionScriptComment">// How much space is needed above the baseline to fit all the elements
+</span>    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;        <span class="ActionScriptComment">// How much space is needed below the baseline to fit all the elements
+</span>    
+    <span class="ActionScriptASDoc">/**
+     *  @private 
+     */</span>
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">measureBaseline</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">usePreferredSize</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaseline</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;             <span class="ActionScriptComment">// The current element's explicit baseline constraint
+</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaselineTop</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;            <span class="ActionScriptComment">// The portiono of the current element that's above the baseline
+</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementBaselineBottom</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;        <span class="ActionScriptComment">// The portion of the current element that's below the baseline
+</span>
+        <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> 0;
+        <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">=</span> 0;
+
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
+        <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">element</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptReserved">continue</span>;
+            
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usePreferredSize</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getPreferredBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> :
+                                                          <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baseline</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Number</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaseline</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">elementBaseline</span> <span class="ActionScriptOperator">=</span> 0;
+            
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">baselinePosition</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">element</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">baselinePosition</span>;
+            
+            <span class="ActionScriptDefault_Text">elementBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">baselinePosition</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementBaseline</span>;
+            <span class="ActionScriptDefault_Text">elementBaselineBottom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">elementHeight</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementBaselineTop</span>;
+            
+            <span class="ActionScriptDefault_Text">measuredBaselineTop</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaselineTop</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">measuredBaselineTop</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">measuredBaselineBottom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">elementBaselineBottom</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">measuredBaselineBottom</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">}</span>
+<span class="ActionScriptBracket/Brace">}</span>
 <span class="ActionScriptBracket/Brace">}</span></pre></body>
 </html>

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


[16/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/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-CursorManagement/srcview/source/aircursor.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/aircursor.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/aircursor.png.html
index da9df9c..6d9cb20 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/aircursor.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/aircursor.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>aircursor.png</title>
-</head>
-
-<body>
-<img src="aircursor.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>aircursor.png</title>
+</head>
+
+<body>
+<img src="aircursor.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/flexicon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/flexicon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/flexicon.png.html
index e034a7b..4777c63 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/flexicon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/flexicon.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>flexicon.png</title>
-</head>
-
-<body>
-<img src="flexicon.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>flexicon.png</title>
+</head>
+
+<body>
+<img src="flexicon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.html
index eff8253..be01ef4 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#323232" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#323232"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#323232" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#323232"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.mxml.html
index 5864d7d..24fac8e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample1.mxml.html
@@ -14,30 +14,30 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</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: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">managers</span>.<span class="ActionScriptDefault_Text">CursorManager</span>;
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> 
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">toggle</span>.<span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:CheckBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">toggle</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Toggle Cursor</span><span class="MXMLDefault_Text">&quot; selected=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;  color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">()</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</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: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">managers</span>.<span class="ActionScriptDefault_Text">CursorManager</span>;
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">toggle</span>.<span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:CheckBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">toggle</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Toggle Cursor</span><span class="MXMLDefault_Text">&quot; selected=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;  color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">()</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.html
index aeb8f23..d264ba0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#323232" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#323232"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#323232" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#323232"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.mxml.html
index 8655696..bb25c1e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/final-sample/sample2.mxml.html
@@ -14,48 +14,48 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    <span class="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">controls</span>.<span class="ActionScriptDefault_Text">Button</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">managers</span>.<span class="ActionScriptDefault_Text">CursorManager</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptOperator">*</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cursorID</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-            <span class="ActionScriptComment">// Embed the cursor symbol.
-</span>            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Embed</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;aircursor.png&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">waitCursorSymbol</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Class</span>;           
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> 
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;normal&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;
-                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;busy&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;
-                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;custom&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;                    
-                    <span class="ActionScriptDefault_Text">cursorID</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">waitCursorSymbol</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;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Normal Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;normal&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Default Busy Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;busy&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Custom Busy Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;custom&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="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">controls</span>.<span class="ActionScriptDefault_Text">Button</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">managers</span>.<span class="ActionScriptDefault_Text">CursorManager</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptOperator">*</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cursorID</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+            <span class="ActionScriptComment">// Embed the cursor symbol.
+</span>            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Embed</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;aircursor.png&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">waitCursorSymbol</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Class</span>;           
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;normal&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;
+                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;busy&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;
+                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">&quot;custom&quot;</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">()</span>;                    
+                    <span class="ActionScriptDefault_Text">cursorID</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">CursorManager</span>.<span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">waitCursorSymbol</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;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Normal Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;normal&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Default Busy Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;busy&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Custom Busy Cursor</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; textRollOverColor=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;custom&apos;</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample1.mxml.html
index 413237a..497018f 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample1.mxml.html
@@ -14,53 +14,53 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CursorManager</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">toggle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">Cursor Management 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:VerticalLayout</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">toggle</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Toggle Cursor</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CursorManager</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">toggle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">Cursor Management 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:VerticalLayout</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">toggle</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Toggle Cursor</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">switchCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-CursorManagement/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample2.mxml.html
index 732417b..ee88245 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CursorManagement/srcview/source/sample2.mxml.html
@@ -14,69 +14,69 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Button</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CursorManager</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptOperator">*</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cursorID</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-            <span class="ActionScriptComment">// Embed the cursor symbol.
-</span>            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Embed</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"aircursor.png"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">waitCursorSymbol</span>:<span class="ActionScriptDefault_Text">Class</span>;           
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"normal"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"busy"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"custom"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;                    
-                    <span class="ActionScriptDefault_Text">cursorID</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">waitCursorSymbol</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">Cursor Management 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:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Normal Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'normal'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Default Busy Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'busy'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Custom Busy Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'custom'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Button</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CursorManager</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptOperator">*</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cursorID</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+            <span class="ActionScriptComment">// Embed the cursor symbol.
+</span>            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Embed</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"aircursor.png"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">waitCursorSymbol</span>:<span class="ActionScriptDefault_Text">Class</span>;           
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"normal"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"busy"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setBusyCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cursorType</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"custom"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeAllCursors</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;                    
+                    <span class="ActionScriptDefault_Text">cursorID</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">CursorManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">waitCursorSymbol</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">Cursor Management 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:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Normal Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'normal'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Default Busy Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'busy'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Custom Busy Cursor</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">setCursor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'custom'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>


[03/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/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-Formatter/srcview/source/final-sample/formattericon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/formattericon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/formattericon.png.html
index 8d7ee43..74fe3cd 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/formattericon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/formattericon.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>formattericon.png</title>
-</head>
-
-<body>
-<img src="formattericon.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>formattericon.png</title>
+</head>
+
+<body>
+<img src="formattericon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.mxml.html
index b9df775..b4af64e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/final-sample/sample1.mxml.html
@@ -14,61 +14,61 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-            <span class="ActionScriptComment">// Event handler to format the input.            
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptComment">// The format() method returns the formatted String,
-</span>                <span class="ActionScriptComment">// or an empty String if there is an error.
-</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formattedVal</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numberFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">inputVal</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
-
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">formattedVal</span>.<span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">==</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptComment">// If there is an error, the Format.error property 
-</span>                    <span class="ActionScriptComment">// contains the reason.
-</span>                    <span class="ActionScriptDefault_Text">formattedNumber</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">numberFormatter</span>.<span class="ActionScriptDefault_Text">error</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-                
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedNumber</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">formattedVal</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:NumberFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">numberFormatter</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Formatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter number - a letter is invalid:</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">inputVal</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted number: </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"> id=&quot;</span><span class="MXMLString">formattedNumber</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</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:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+            <span class="ActionScriptComment">// Event handler to format the input.            
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// The format() method returns the formatted String,
+</span>                <span class="ActionScriptComment">// or an empty String if there is an error.
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formattedVal</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numberFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">inputVal</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">formattedVal</span>.<span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">==</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// If there is an error, the Format.error property 
+</span>                    <span class="ActionScriptComment">// contains the reason.
+</span>                    <span class="ActionScriptDefault_Text">formattedNumber</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">numberFormatter</span>.<span class="ActionScriptDefault_Text">error</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedNumber</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">formattedVal</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:NumberFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">numberFormatter</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Formatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter number - a letter is invalid:</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">inputVal</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted number: </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"> id=&quot;</span><span class="MXMLString">formattedNumber</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</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:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html
index 884face..741687d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html
@@ -14,78 +14,78 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            
-            <span class="ActionScriptComment">// Event handler to format the input.            
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptComment">// The format() method returns the formatted String,
-</span>                <span class="ActionScriptComment">// or an empty String if there is an error.
-</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formattedVal</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numberFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">inputVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
-                
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">formattedVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">==</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptComment">// If there is an error, the Format.error property 
-</span>                    <span class="ActionScriptComment">// contains the reason.
-</span>                    <span class="ActionScriptDefault_Text">formattedNumber</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">numberFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-                    
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedNumber</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">formattedVal</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: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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:NumberFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">numberFormatter</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Formatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter number - a letter is invalid:</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">inputVal</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted number: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedNumber</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptComment">// Event handler to format the input.            
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// The format() method returns the formatted String,
+</span>                <span class="ActionScriptComment">// or an empty String if there is an error.
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formattedVal</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numberFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">inputVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">formattedVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">==</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// If there is an error, the Format.error property 
+</span>                    <span class="ActionScriptComment">// contains the reason.
+</span>                    <span class="ActionScriptDefault_Text">formattedNumber</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">numberFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                    
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedNumber</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">formattedVal</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: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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:NumberFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">numberFormatter</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Formatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter number - a letter is invalid:</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">inputVal</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted number: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedNumber</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-HLOCChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceIndex.xml
index ae36080..8b312bc 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-HLOCChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-HLOCChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-HLOCChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-HLOCChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/index.html
index 4b2f383..69a104d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-HLOCChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-HLOCChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/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-HLOCChart/srcview/source/final-sample/HLOCChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/HLOCChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/HLOCChart.png.html
index 3f1cfe3..de421a3 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/HLOCChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/HLOCChart.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>HLOCChart.png</title>
-</head>
-
-<body>
-<img src="HLOCChart.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>HLOCChart.png</title>
+</head>
+
+<body>
+<img src="HLOCChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[40/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/renderers/PhoneRenderer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/renderers/PhoneRenderer.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/renderers/PhoneRenderer.mxml
index 9e17279..1a20525 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/renderers/PhoneRenderer.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/renderers/PhoneRenderer.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,45 +17,45 @@
   limitations under the License.
 
 -->
-<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:s="library://ns.adobe.com/flex/spark"
-				xmlns:mx="library://ns.adobe.com/flex/mx" 
-				autoDrawBackground="false" width="100" height="100" clipAndEnableScrolling="false"
-				depth="0" depth.hovered="1">
-	
-	<fx:Declarations>
-		<mx:CurrencyFormatter id="cf"/>
-	</fx:Declarations>
-	
-	<s:states>
-		<s:State name="normal" />
-		<s:State name="hovered" />
-	</s:states>
-
-	<s:transitions>
-		<s:Transition fromState="normal" toState="hovered" autoReverse="true">
-				<s:Parallel>
-					<s:Rotate3D target="{image}" angleXFrom="0" angleXTo="0" angleZFrom="0" autoCenterTransform="true" angleYTo="360" angleYFrom="0" autoCenterProjection="true" angleZTo="0"/>
-					<s:Fade target="{group}" startDelay="320"/>
-				</s:Parallel>
-		</s:Transition>
-	</s:transitions>
-	
-	<mx:Image id="image" source="{data.image}" horizontalCenter="0"
-			  width="50" height="94"/>
-
-	<s:Group id="group" top="0" bottom="0" left="0" right="0" visible.normal="false">
-
-		<s:Rect id="rect" left="0" right="0" top="0" bottom="0" radiusX="4" radiusY="4">
-			<s:fill>
-				<s:SolidColor color="black" alpha="0.5"/>
-			</s:fill>
-		</s:Rect>
-		
-		<s:Label text="{data.name}" verticalCenter="-20" horizontalCenter="0" color="white"/> 
-		<s:Label text="{data.color}" verticalCenter="0" horizontalCenter="0" color="white"/> 
-		<s:Label text="{cf.format(data.price)}" verticalCenter="20" horizontalCenter="0" color="white"/>
-		
-	</s:Group>
-
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/mx" 
+				autoDrawBackground="false" width="100" height="100" clipAndEnableScrolling="false"
+				depth="0" depth.hovered="1">
+	
+	<fx:Declarations>
+		<mx:CurrencyFormatter id="cf"/>
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="hovered" />
+	</s:states>
+
+	<s:transitions>
+		<s:Transition fromState="normal" toState="hovered" autoReverse="true">
+				<s:Parallel>
+					<s:Rotate3D target="{image}" angleXFrom="0" angleXTo="0" angleZFrom="0" autoCenterTransform="true" angleYTo="360" angleYFrom="0" autoCenterProjection="true" angleZTo="0"/>
+					<s:Fade target="{group}" startDelay="320"/>
+				</s:Parallel>
+		</s:Transition>
+	</s:transitions>
+	
+	<mx:Image id="image" source="{data.image}" horizontalCenter="0"
+			  width="50" height="94"/>
+
+	<s:Group id="group" top="0" bottom="0" left="0" right="0" visible.normal="false">
+
+		<s:Rect id="rect" left="0" right="0" top="0" bottom="0" radiusX="4" radiusY="4">
+			<s:fill>
+				<s:SolidColor color="black" alpha="0.5"/>
+			</s:fill>
+		</s:Rect>
+		
+		<s:Label text="{data.name}" verticalCenter="-20" horizontalCenter="0" color="white"/> 
+		<s:Label text="{data.color}" verticalCenter="0" horizontalCenter="0" color="white"/> 
+		<s:Label text="{cf.format(data.price)}" verticalCenter="20" horizontalCenter="0" color="white"/>
+		
+	</s:Group>
+
 </s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/sample.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/sample.mxml
index f7cc5fe..7ce2edd 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/sample.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/src/sample.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,90 +17,90 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   applicationComplete="srv.send()" xmlns:local="*" xmlns:layouts="layouts.*"
-			   viewSourceURL="srcview/index.html" backgroundColor="0x323232" color="0xFFFFFF">
-	
-	<fx:Style>
-
-		@namespace s "library://ns.adobe.com/flex/spark";
-		@namespace mx "library://ns.adobe.com/flex/mx";
-		
-		
-		s|Application {
-			font-family: main;
-			font-size: 14;
-		}
-		
-	</fx:Style>
-	
-	<fx:Script>
-		<![CDATA[
-			import mx.collections.ArrayCollection;
-			import mx.rpc.events.ResultEvent;
-			
-			[Bindable]
-			private var items:ArrayCollection;
-			
-			[Bindable]
-			private var filteredItems:ArrayCollection;
-			
-			[Bindable]
-			private var _maxPrice:Number = 1000;
-			
-			[Bindable]
-			private var _camera:Boolean = false;
-			
-			[Bindable]
-			private var _video:Boolean = false;
-			
-			[Bindable]
-			private var _triband:Boolean = false;
-			
-			
-			private function resultHandler(event:ResultEvent):void
-			{
-				items = event.result.catalog.product as ArrayCollection;
-				filteredItems = new ArrayCollection(items.source);
-				filteredItems.filterFunction = filter;
-			}
-			
-			private function selectionChange():void
-			{
-				filteredItems.refresh();
-				filterLayout.filter();
-			}
-			
-			private function filter(item:Object):Boolean
-			{
-				return	(item.price <= _maxPrice) &&
-					(!_camera || item.camera) &&
-					(!_video || item.video) &&
-					(!_triband || item.triband);
-			}			
-			
-		]]>
-	</fx:Script>
-	
-	<fx:Declarations>
-		<s:HTTPService id="srv" url="data/catalog.xml" result="resultHandler(event)"/>
-	</fx:Declarations>
-	
-	<s:HGroup verticalAlign="middle" paddingLeft="8" left="50" top="5">
-		<s:Label text="Max Price:"/>
-		<s:HSlider id="priceSlider" minimum="0" maximum="1000" snapInterval="100" value="@{_maxPrice}" change="selectionChange()"/>
-		<mx:Spacer width="20"/>
-		<s:CheckBox label="Camera" selected="@{_camera}" change="selectionChange()"/>
-		<s:CheckBox label="Video" selected="@{_video}" change="selectionChange()"/>
-		<s:CheckBox label="Triband" selected="@{_triband}" change="selectionChange()"/>
-	</s:HGroup>
-	
-	<s:DataGroup dataProvider="{items}" itemRenderer="renderers.PhoneRenderer" top="50" left="0" right="0" horizontalCenter="0">
-		<s:layout>
-			<layouts:FilteredTileLayout id="filterLayout" filteredItems="{filteredItems}" />
-		</s:layout>
-	</s:DataGroup>
-	
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   applicationComplete="srv.send()" xmlns:local="*" xmlns:layouts="layouts.*"
+			   viewSourceURL="srcview/index.html" backgroundColor="0x323232" color="0xFFFFFF">
+	
+	<fx:Style>
+
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		
+		s|Application {
+			font-family: main;
+			font-size: 14;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			import mx.rpc.events.ResultEvent;
+			
+			[Bindable]
+			private var items:ArrayCollection;
+			
+			[Bindable]
+			private var filteredItems:ArrayCollection;
+			
+			[Bindable]
+			private var _maxPrice:Number = 1000;
+			
+			[Bindable]
+			private var _camera:Boolean = false;
+			
+			[Bindable]
+			private var _video:Boolean = false;
+			
+			[Bindable]
+			private var _triband:Boolean = false;
+			
+			
+			private function resultHandler(event:ResultEvent):void
+			{
+				items = event.result.catalog.product as ArrayCollection;
+				filteredItems = new ArrayCollection(items.source);
+				filteredItems.filterFunction = filter;
+			}
+			
+			private function selectionChange():void
+			{
+				filteredItems.refresh();
+				filterLayout.filter();
+			}
+			
+			private function filter(item:Object):Boolean
+			{
+				return	(item.price <= _maxPrice) &&
+					(!_camera || item.camera) &&
+					(!_video || item.video) &&
+					(!_triband || item.triband);
+			}			
+			
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:HTTPService id="srv" url="data/catalog.xml" result="resultHandler(event)"/>
+	</fx:Declarations>
+	
+	<s:HGroup verticalAlign="middle" paddingLeft="8" left="50" top="5">
+		<s:Label text="Max Price:"/>
+		<s:HSlider id="priceSlider" minimum="0" maximum="1000" snapInterval="100" value="@{_maxPrice}" change="selectionChange()"/>
+		<mx:Spacer width="20"/>
+		<s:CheckBox label="Camera" selected="@{_camera}" change="selectionChange()"/>
+		<s:CheckBox label="Video" selected="@{_video}" change="selectionChange()"/>
+		<s:CheckBox label="Triband" selected="@{_triband}" change="selectionChange()"/>
+	</s:HGroup>
+	
+	<s:DataGroup dataProvider="{items}" itemRenderer="renderers.PhoneRenderer" top="50" left="0" right="0" horizontalCenter="0">
+		<s:layout>
+			<layouts:FilteredTileLayout id="filterLayout" filteredItems="{filteredItems}" />
+		</s:layout>
+	</s:DataGroup>
+	
+</s:Application>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/FlickrThumbnail.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/FlickrThumbnail.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/FlickrThumbnail.mxml.html
index 3a7bb43..6dcfff9 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/FlickrThumbnail.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/FlickrThumbnail.mxml.html
@@ -14,74 +14,74 @@
   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>FlickrThumbnail.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:ItemRenderer</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">" click="</span><span class="ActionScriptDefault_Text">itemrenderer1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Animate</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MotionPath</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SimpleMotionPath</span>;
-            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemrenderer1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">g</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">parent</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">GroupBase</span>;
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getScrollPositionDeltaToElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">itemIndex</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">startX</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">startY</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">verticalScrollPosition</span>;
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">anim</span>:<span class="ActionScriptDefault_Text">Animate</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Animate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">motionPaths</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptBracket/Brace">&lt;</span><span class="ActionScriptDefault_Text">MotionPath</span><span class="ActionScriptBracket/Brace">&gt;</span><span class="ActionScriptBracket/Brace">[</span>
-                        <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SimpleMotionPath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"horizontalScrollPosition"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> 500<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span>
-                        <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SimpleMotionPath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"verticalScrollPosition"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startY</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startY</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptOperator">,</span> 500<span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">]</span>;
-                    
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">interpolator</span>:<span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contentWidth</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">scrollLength</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">interpolator</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLength</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startX</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">interpolator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">interpolator</span>;
-                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span>550<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">min</span><span class="ActionScriptBracket/Brace">(</span>2500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">scrollLength</span> <span class="ActionScriptOperator">*</span> 2<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-                    
-                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">g</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">hovered</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">selected</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:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">border</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:fill&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xDFDFDF</span><span class="MXMLDefault_Text">" color.hovered="</span><span class="MXMLString">0xFF0000</span><span class="MXMLDefault_Text">" color.selected="</span><span class="MXMLString">0x00FF00</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:Rect&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> 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;mx:Image</span><span class="MXMLDefault_Text"> 
-            width="</span><span class="MXMLString">75</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">75</span><span class="MXMLDefault_Text">"
-            source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">thumbnail</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">url</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">credit</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" maxWidth="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:ItemRenderer&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>FlickrThumbnail.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:ItemRenderer</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">" click="</span><span class="ActionScriptDefault_Text">itemrenderer1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Animate</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MotionPath</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SimpleMotionPath</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemrenderer1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">g</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">parent</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">GroupBase</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">p</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getScrollPositionDeltaToElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">itemIndex</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">p</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">startX</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">startY</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">verticalScrollPosition</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">anim</span>:<span class="ActionScriptDefault_Text">Animate</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Animate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">motionPaths</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptBracket/Brace">&lt;</span><span class="ActionScriptDefault_Text">MotionPath</span><span class="ActionScriptBracket/Brace">&gt;</span><span class="ActionScriptBracket/Brace">[</span>
+                        <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SimpleMotionPath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"horizontalScrollPosition"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> 500<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span>
+                        <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SimpleMotionPath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"verticalScrollPosition"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startY</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startY</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptOperator">,</span> 500<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">]</span>;
+                    
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">interpolator</span>:<span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contentWidth</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">scrollLength</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">interpolator</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLength</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startX</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">p</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">interpolator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">interpolator</span>;
+                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span>550<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">min</span><span class="ActionScriptBracket/Brace">(</span>2500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">scrollLength</span> <span class="ActionScriptOperator">*</span> 2<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                    
+                    <span class="ActionScriptDefault_Text">anim</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">g</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">hovered</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">selected</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:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">border</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:fill&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xDFDFDF</span><span class="MXMLDefault_Text">" color.hovered="</span><span class="MXMLString">0xFF0000</span><span class="MXMLDefault_Text">" color.selected="</span><span class="MXMLString">0x00FF00</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:Rect&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> 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;mx:Image</span><span class="MXMLDefault_Text"> 
+            width="</span><span class="MXMLString">75</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">75</span><span class="MXMLDefault_Text">"
+            source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">thumbnail</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">url</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">credit</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" maxWidth="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:ItemRenderer&gt;</span></pre></body>
+</html>


[15/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceIndex.xml
index fb7446c..64917df 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,31 +17,31 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DataGrid</title>
-	<nodes>
-		<node label="html-template">
-			<node label="history">
-				<node icon="cssIcon" label="history.css" url="source/html-template/history/history.css.html"/>
-				<node label="history.js" url="source/html-template/history/history.js.txt"/>
-				<node icon="htmlIcon" label="historyFrame.html" url="source/html-template/history/historyFrame.html"/>
-			</node>
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-			<node icon="swfIcon" label="playerProductInstall.swf" url="source/html-template/playerProductInstall.swf"/>
-			<node label="swfobject.js" url="source/html-template/swfobject.js.txt"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node label="images">
-				<node icon="imageIcon" label="arrow_icon_sm.png" url="source/images/arrow_icon_sm.png.html"/>
-			</node>
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 23K)" url="Sample-Adobe-DataGrid.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DataGrid</title>
+	<nodes>
+		<node label="html-template">
+			<node label="history">
+				<node icon="cssIcon" label="history.css" url="source/html-template/history/history.css.html"/>
+				<node label="history.js" url="source/html-template/history/history.js.txt"/>
+				<node icon="htmlIcon" label="historyFrame.html" url="source/html-template/history/historyFrame.html"/>
+			</node>
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+			<node icon="swfIcon" label="playerProductInstall.swf" url="source/html-template/playerProductInstall.swf"/>
+			<node label="swfobject.js" url="source/html-template/swfobject.js.txt"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node label="images">
+				<node icon="imageIcon" label="arrow_icon_sm.png" url="source/images/arrow_icon_sm.png.html"/>
+			</node>
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 23K)" url="Sample-Adobe-DataGrid.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/index.html
index f6088f8..54de3fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DataGrid</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DataGrid</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/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-DataGrid/srcview/source/final-sample/DataGrid.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/DataGrid.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/DataGrid.png.html
index bcec191..516619f 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/DataGrid.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/DataGrid.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>DataGrid.png</title>
-</head>
-
-<body>
-<img src="DataGrid.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>DataGrid.png</title>
+</head>
+
+<body>
+<img src="DataGrid.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.mxml.html
index 480fbdd..aed0892 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/final-sample/sample1.mxml.html
@@ -14,75 +14,75 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:XMLList</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">employees</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Christina Coenraets<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2270<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;email&gt;</span>ccoenraets@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;image&gt;</span>images/arrow_icon_sm.png<span class="MXMLComponent_Tag">&lt;/image&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Joanne Wall<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2012<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;email&gt;</span>jwall@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Maurice Smith<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2012<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;email&gt;</span>maurice@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;active&gt;</span>false<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Mary Jones<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2000<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;email&gt;</span>mjones@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:XMLList&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DataGrid Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-            text=&quot;</span><span class="MXMLString">Select a row in the DataGrid control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dg</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; rowCount=&quot;</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">phone</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">email</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;  paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;  </span><span class="MXMLComponent_Tag">&gt;</span>
-        
-                   <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</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:Form&gt;</span>
-         
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:XMLList</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">employees</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Christina Coenraets<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2270<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;email&gt;</span>ccoenraets@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;image&gt;</span>images/arrow_icon_sm.png<span class="MXMLComponent_Tag">&lt;/image&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Joanne Wall<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2012<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;email&gt;</span>jwall@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Maurice Smith<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2012<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;email&gt;</span>maurice@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;active&gt;</span>false<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;employee&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;name&gt;</span>Mary Jones<span class="MXMLComponent_Tag">&lt;/name&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;phone&gt;</span>555-219-2000<span class="MXMLComponent_Tag">&lt;/phone&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;email&gt;</span>mjones@fictitious.com<span class="MXMLComponent_Tag">&lt;/email&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;active&gt;</span>true<span class="MXMLComponent_Tag">&lt;/active&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/employee&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:XMLList&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DataGrid Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+            text=&quot;</span><span class="MXMLString">Select a row in the DataGrid control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dg</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; rowCount=&quot;</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">phone</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField=&quot;</span><span class="MXMLString">email</span><span class="MXMLDefault_Text">&quot; headerText=&quot;</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;  paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;  </span><span class="MXMLComponent_Tag">&gt;</span>
+        
+                   <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</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">{</span><span class="ActionScriptDefault_Text">dg</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</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:Form&gt;</span>
+         
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/images/arrow_icon_sm.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/images/arrow_icon_sm.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/images/arrow_icon_sm.png.html
index b780eb2..e561fd9 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/images/arrow_icon_sm.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/images/arrow_icon_sm.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>arrow_icon_sm.png</title>
-</head>
-
-<body>
-<img src="arrow_icon_sm.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>arrow_icon_sm.png</title>
+</head>
+
+<body>
+<img src="arrow_icon_sm.png" border="0"/>
+</body>
+</html>


[29/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
index 99acead..8ff3b3c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-AreaChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-AreaChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/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-AreaChart/srcview/source/final-sample/AreaChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
index ae76d6a..d844c36 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/AreaChart.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>AreaChart.png</title>
-</head>
-
-<body>
-<img src="AreaChart.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>AreaChart.png</title>
+</head>
+
+<body>
+<img src="AreaChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
index 2a2c9cb..f3767d8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,53 +14,53 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
-             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                 
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">AreaChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+        <span class="MXMLComponent_Tag">&lt;mx:AreaChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;
+             showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                 
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot; form=&quot;</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">&quot; displayName=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
index fa9beb7..9016c50 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html
@@ -14,65 +14,65 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">AreaChart Control</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"> 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;mx:AreaChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
-                      showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">AreaChart Control</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"> 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;mx:AreaChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">Areachart</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                      showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Month</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:AreaSeries</span><span class="MXMLDefault_Text"> yField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">" form="</span><span class="MXMLString">curve</span><span class="MXMLDefault_Text">" displayName="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:AreaChart&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">Areachart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
index ffbba61..a63f858 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-BarChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BarChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-BarChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-BarChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BarChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+


[38/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/WheelLayout.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/WheelLayout.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/WheelLayout.as.html
index f1e5688..90cc2e4 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/WheelLayout.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/WheelLayout.as.html
@@ -23,503 +23,503 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="ActionScriptpackage">package</span>
-<span class="ActionScriptBracket/Brace">{</span>
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Matrix</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Matrix3D</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Point</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Rectangle</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Vector3D</span>;
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ILayoutElement</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IVisualElement</span>;
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NavigationUnit</span>;
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layouts</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LayoutBase</span>;
-
-<span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">WheelLayout</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">LayoutBase</span>
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//  Constructor
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">WheelLayout</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">super</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//  Properties
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>
-    <span class="ActionScriptComment">//----------------------------------
-</span>    <span class="ActionScriptComment">//  gap
-</span>    <span class="ActionScriptComment">//----------------------------------
-</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_gap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-
-    <span class="ActionScriptASDoc">/**
-     *  The gap between the items
-     */</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">gap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_gap</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span> <span class="ActionScriptDefault_Text">gap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptDefault_Text">_gap</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">layoutTarget</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptComment">//----------------------------------
-</span>    <span class="ActionScriptComment">//  axisAngle
-</span>    <span class="ActionScriptComment">//----------------------------------
-</span>
-    <span class="ActionScriptASDoc">/**
-     *  @private  
-     *  The total width of all items, including gap space.
-     */</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_totalWidth</span>:<span class="ActionScriptDefault_Text">Number</span>;
-
-    <span class="ActionScriptASDoc">/**
-     *  @private  
-     *  Cache which item is currently in view, to facilitate scrollposition delta calculations
-     */</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_centeredItemIndex</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceBegin</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceEnd</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_centeredItemDegrees</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-
-    <span class="ActionScriptASDoc">/**
-     *  The axis to tilt the 3D wheel 
-     */</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_axis</span>:<span class="ActionScriptDefault_Text">Vector3D</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Vector3D</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptOperator">,</span> 0.1<span class="ActionScriptBracket/Brace">)</span>;
-    
-    <span class="ActionScriptASDoc">/**
-     *  The angle to tilt the axis of the wheel
-     */</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span> <span class="ActionScriptDefault_Text">axisAngle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptDefault_Text">_axis</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Vector3D</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">cos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PI</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">/</span>180<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">si
 n</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PI</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">/</span>180<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">layoutTarget</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptASDoc">/**
-     *  @private 
-     *  Given the radius of the sphere, return the radius of the
-     *  projected sphere. Uses the projection matrix of the
-     *  layout target to calculate.
-     */</span>    
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">projectSphere</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radius</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">radius1</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fl</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">transform</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">perspectiveProjection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">focalLength</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">alpha</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">asin</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">radius1</span> <span class="ActionScriptOperator">/</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">fl</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">fl</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">tan</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">alpha</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">*</span> 2;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptASDoc">/**
-     *  @private
-     *  Given the totalWidth, maxHeight and maxHalfWidthDiagonal, calculate the bounds of the items
-     *  on screen.  Uses the projection matrix of the layout target to calculate. 
-     */</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">projectBounds</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">totalWidth</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxWidth</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxHalfWidthDiagonal</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Point</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptComment">// Use the the total width as a circumference of an imaginary circle which we will use to
-</span>        <span class="ActionScriptComment">// align the items in 3D:
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">radius</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">*</span> 0.5 <span class="ActionScriptOperator">/</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PI</span>;
-        
-        <span class="ActionScriptComment">// Now since we are going to arrange all the items along circle, middle of the item being the tangent point,
-</span>        <span class="ActionScriptComment">// we need to calculate the minimum bounding circle. It is easily calculated from the maximum width item:
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">boundingRadius</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sqrt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptOperator">+</span> 0.25 <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">maxWidth</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">maxWidth</span><span class="ActionScriptBracket/Brace">)</span>;
-                                      
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">projectedBoundsW</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">z</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">z</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">maxHalfWidthDiagonal</span> <span class="ActionScriptOperator">+</span> 2 <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">radius</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> 
-                                      <span class="ActionScriptDefault_Text">projectSphere</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radius</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">boundingRadius</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span>;
-                                      
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">projectedBoundsH</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">z</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">maxHalfWidthDiagonal</span> <span class="ActionScriptOperator">+</span> 2 <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">radius</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span>
-                                      <span class="ActionScriptDefault_Text">maxHeight</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span>;
-                                      
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">projectedBoundsW</span> <span class="ActionScriptOperator">+</span> 10<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">projectedBoundsH</span> <span class="ActionScriptOperator">+</span> 10<span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptASDoc">/**
-     *  @private 
-     *  Iterates through all the items, calculates the projected bounds on screen, updates _totalWidth member variable.
-     */</span>    
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">calculateBounds</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Point</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptComment">// Calculate total width:
-</span>        <span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">=</span> 0;
-     
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">maxHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">maxWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">maxD</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-   
-        <span class="ActionScriptComment">// Add up all the widths
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iter</span>:<span class="ActionScriptDefault_Text">LayoutIterator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span>;
-        <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">preferredWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getPreferredBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">preferredHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getPreferredBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-
-            <span class="ActionScriptComment">// Add up item width
-</span>            <span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">preferredWidth</span>;
-            
-            <span class="ActionScriptComment">// Max up item size
-</span>            <span class="ActionScriptDefault_Text">maxWidth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">maxWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">preferredWidth</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">maxHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">maxHeight</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">preferredHeight</span><span class="ActionScriptBracket/Brace">)</span>;
-            
-            <span class="ActionScriptDefault_Text">maxD</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">max</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">maxD</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sqrt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">preferredWidth</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">preferredWidth</span> <span class="ActionScriptOperator">/</span> 4 <span class="ActionScriptOperator">+</span> 
-                                            <span class="ActionScriptDefault_Text">preferredHeight</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">preferredHeight</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;    
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptComment">// Add up the gap
-</span>        <span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">gap</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numVisited</span>;
-
-        <span class="ActionScriptComment">// Project        
-</span>        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">projectBounds</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_totalWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxHeight</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">maxD</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//  Overridden methods: LayoutBase
-</span>    <span class="ActionScriptComment">//
-</span>    <span class="ActionScriptComment">//--------------------------------------------------------------------------
-</span>    
-    <span class="ActionScriptASDoc">/**
-     * @private
-     */</span>
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">GroupBase</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptComment">// Make sure that if layout is swapped out, we clean up
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">maintainProjectionCenter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iter</span>:<span class="ActionScriptDefault_Text">LayoutIterator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span>;
-            <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutMatrix</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Matrix</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*triggerLayout*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">super</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-
-        <span class="ActionScriptComment">// Make sure we turn on projection the first time the layout
-</span>        <span class="ActionScriptComment">// gets assigned to the group
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">maintainProjectionCenter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">measure</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bounds</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">calculateBounds</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        
-        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredWidth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span>;
-        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">measuredHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</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="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptComment">// Get the bounds, this will also update _totalWidth
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bounds</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">calculateBounds</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-
-        <span class="ActionScriptComment">// Update the content size
-</span>        <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setContentSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">unscaledWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>; 
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">radius</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_totalWidth</span> <span class="ActionScriptOperator">*</span> 0.5 <span class="ActionScriptOperator">/</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PI</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">gap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">gap</span>;
-        <span class="ActionScriptDefault_Text">_centeredItemDegrees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MAX_VALUE</span>;
-        
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">scrollPosition</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">totalWidthSoFar</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptComment">// Subtract the half width of the first element from totalWidthSoFar: 
-</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iter</span>:<span class="ActionScriptDefault_Text">LayoutIterator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">el</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span>;
-        <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getPreferredBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">/</span> 2;
-        
-        <span class="ActionScriptComment">// Set the 3D Matrix for all the elements:
-</span>        <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">reset</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span> 
-            <span class="ActionScriptComment">// Size the item, no need to position it, since we'd set the computed matrix
-</span>            <span class="ActionScriptComment">// which defines the position.
-</span>            <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NaN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">NaN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>; 
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">degrees</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 360 <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">elementWidth</span><span class="ActionScriptOperator">/</span>2 <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">scrollPosition</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">/</span> <span class="ActionScriptDefault_Text">_totalWidth</span>; 
-
-            <span class="ActionScriptComment">// Remember which item is centered, this is used during scrolling
-</span>            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">curDegrees</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">degrees</span> <span class="ActionScriptOperator">%</span> 360;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">curDegrees</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_centeredItemDegrees</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">_centeredItemDegrees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">curDegrees</span>;
-                <span class="ActionScriptDefault_Text">_centeredItemIndex</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">curIndex</span>;
-                <span class="ActionScriptDefault_Text">_centeredItemCircumferenceBegin</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">gap</span>;
-                <span class="ActionScriptDefault_Text">_centeredItemCircumferenceEnd</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">elementWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">gap</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-
-            <span class="ActionScriptComment">// Calculate and set the 3D Matrix 
-</span>            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">m</span>:<span class="ActionScriptDefault_Text">Matrix3D</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Matrix3D</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">m</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">appendTranslation</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">-</span><span class="ActionScriptDefault_Text">elementWidth</span><span class="ActionScriptOperator">/</span>2<span class="ActionScriptOperator">,</span> <span class="ActionScriptOperator">-</span><span class="ActionScriptDefault_Text">elementHeight</span><span class="ActionScriptOperator">/</span>2 <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">z</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptOperator">-</span><span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptO
 perator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">m</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">appendRotation</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">-</span><span class="ActionScriptDefault_Text">degrees</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">m</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">appendTranslation</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">unscaledWidth</span><span class="ActionScriptOperator">/</span>2<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">unscaledHeight</span><span class="ActionScriptOperator">/</span>2<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">radius</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptDefault_Text">_axis</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutMatrix3D</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">m</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*triggerLayout*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            
-            <span class="ActionScriptComment">// Update the layer for a correct z-order
-</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">IVisualElement</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">IVisualElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">depth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">floor</span><span class="ActionScriptBracket/Brace">(</span>180 <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="Acti
 onScriptDefault_Text">degrees</span> <span class="ActionScriptOperator">%</span> 360<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">)</span>;
-
-            <span class="ActionScriptComment">// Move on to next item
-</span>            <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">elementWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">gap</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">scrollPositionFromCenterToNext</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">next</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iter</span>:<span class="ActionScriptDefault_Text">LayoutIterator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">_centeredItemIndex</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">next</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElementWrapped</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> : <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">prevElementWrapped</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">el</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> 0;
-        
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-        
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span>; 
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">next</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_centeredItemDegrees</span> <span class="ActionScriptOperator">&gt;</span> 0.1<span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_centeredItemCircumferenceEnd</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceBegin</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">/</span> 2;
-            
-            <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceEnd</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">elementWidth</span><span class="ActionScriptOperator">/</span>2;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_totalWidth</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">_totalWidth</span>;
-        <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">_centeredItemDegrees</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptOperator">-</span>0.1<span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_centeredItemCircumferenceEnd</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceBegin</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">/</span> 2;
-
-            <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_centeredItemCircumferenceBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementWidth</span><span class="ActionScriptOperator">/</span>2;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">&lt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_totalWidth</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">value</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">scrollPositionChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">getHorizontalScrollPositionDelta</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">navigationUnit</span>:<span class="ActionScriptDefault_Text">uint</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">g</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">g</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> 0;
-            
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span>;     
-
-        <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">navigationUnit</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LEFT</span>:
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span> <span class="ActionScriptOperator">-</span> 30;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">&lt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_totalWidth</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-                
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">RIGHT</span>:
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span> <span class="ActionScriptOperator">+</span> 30;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_totalWidth</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">_totalWidth</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-                
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PAGE_LEFT</span>:
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">scrollPositionFromCenterToNext</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-                
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PAGE_RIGHT</span>:
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">scrollPositionFromCenterToNext</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span>;
-                
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">HOME</span>: 
-                <span class="ActionScriptReserved">return</span> 0;
-                
-            <span class="ActionScriptReserved">case</span> <span class="ActionScriptDefault_Text">NavigationUnit</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">END</span>: 
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_totalWidth</span>;
-                
-            <span class="ActionScriptReserved">default</span>:
-                <span class="ActionScriptReserved">return</span> 0;
-        <span class="ActionScriptBracket/Brace">}</span>       
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptASDoc">/**
-     *  @private
-     */</span> 
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">getScrollPositionDeltaToElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">index</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Point</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">layoutTarget</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">null</span>;
-       
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">gap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">gap</span>;     
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">totalWidthSoFar</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iter</span>:<span class="ActionScriptDefault_Text">LayoutIterator</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptBracket/Brace">)</span>;
-
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">el</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">null</span>;
-        <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">/</span> 2;
-
-        <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">reset</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">iter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">curIndex</span> <span class="ActionScriptOperator">&lt;=</span> <span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>    
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">elementWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getLayoutBoundsWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">false</span> <span class="ActionScriptComment">/*postTransform*/</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">gap</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">elementWidth</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">totalWidthSoFar</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">elementWidth</span> <span class="ActionScriptOperator">/</span> 2 <span class="ActionScriptOperator">-</span><span class="ActionScriptDefault_Text">gap</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">layoutTarget</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">horizontalScrollPosition</span><span class="ActionScriptOperator">,</span> 0<span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptASDoc">/**
-     *  @private
-     */</span> 
-    <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">updateScrollRect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">w</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">h</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">g</span>:<span class="ActionScriptDefault_Text">GroupBase</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">g</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span>;
-            
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">clipAndEnableScrolling</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptComment">// Since scroll position is reflected in our 3D calculations,
-</span>            <span class="ActionScriptComment">// always set the top-left of the srcollRect to (0,0).
-</span>            <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scrollRect</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Rectangle</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">verticalScrollPosition</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">w</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">h</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">else</span>
-            <span class="ActionScriptDefault_Text">g</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scrollRect</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span>;
-    <span class="ActionScriptBracket/Brace">}</span> 
-<span class="ActionScriptBracket/Brace">}</span>
-<span class="ActionScriptBracket/Brace">}</span>
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ILayoutElement</span>;
-
-<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-    
-<span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">LayoutIterator</span> 
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_curIndex</span>:<span class="ActionScriptDefault_Text">int</span>;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_numVisited</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">totalElements</span>:<span class="ActionScriptDefault_Text">int</span>;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_target</span>:<span class="ActionScriptDefault_Text">GroupBase</span>;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_loopIndex</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> -1;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_useVirtual</span>:<span class="ActionScriptDefault_Text">Boolean</span>;
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">curIndex</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">int</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">_curIndex</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">LayoutIterator</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span>:<span class="ActionScriptDefault_Text">GroupBase</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">index</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptOperator">=</span>-1<span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptDefault_Text">totalElements</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-        <span class="ActionScriptDefault_Text">_target</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-        <span class="ActionScriptDefault_Text">_curIndex</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">index</span>;
-        <span class="ActionScriptDefault_Text">_useVirtual</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">useVirtualLayout</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">nextElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_curIndex</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">totalElements</span> <span class="ActionScriptOperator">-</span> 1<span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_useVirtual</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getVirtualElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">_curIndex</span><span class="ActionScriptBracket/Brace">)</span> :
-                                                   <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">_curIndex</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">_numVisited</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">el</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">null</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">prevElement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">while</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_curIndex</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">el</span>:<span class="ActionScriptDefault_Text">ILayoutElement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_useVirtual</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getVirtualElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">--</span><span class="ActionScriptDefault_Text">_curIndex</span><span class="ActionScriptBracket/Brace">)</span> :
-                                                  <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">--</span><span class="ActionScriptDefault_Text">_curIndex</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">el</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">el</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">includeInLayout</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">_numVisited</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">el</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptReserved">null</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">nextElemen

<TRUNCATED>

[22/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
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>


[25/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/index.html
index f6e163b..c20d673 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-ColorPicker</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-ColorPicker</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/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-ColorPicker/srcview/source/final-sample/ColorPicker.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/ColorPicker.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/ColorPicker.png.html
index 6442022..f33a59f 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/ColorPicker.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/ColorPicker.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>ColorPicker.png</title>
-</head>
-
-<body>
-<img src="ColorPicker.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>ColorPicker.png</title>
+</head>
+
+<body>
+<img src="ColorPicker.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.mxml.html
index e3fcade..ce324e1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/final-sample/sample1.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>sample1.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;?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the ColorPicker control. </span><span class="MXMLComment">--&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; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">ColorPicker Control Example</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">&quot; 
-        paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;
-        color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;
-           text=&quot;</span><span class="MXMLString">Select the background color of the VBox container.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:ColorPicker</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">cp</span><span class="MXMLDefault_Text">&quot; showTextField=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; selectedColor=&quot;</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cp</span>.<span class="ActionScriptDefault_Text">selectedColor</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">selectedColor: 0x{</span><span class="ActionScriptDefault_Text">cp</span>.<span class="ActionScriptDefault_Text">selectedColor</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span>16<span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span> 
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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;?&gt;</span>
+<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the ColorPicker control. </span><span class="MXMLComment">--&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; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">ColorPicker Control Example</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">75%</span><span class="MXMLDefault_Text">&quot; 
+        paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;
+        color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;
+           text=&quot;</span><span class="MXMLString">Select the background color of the VBox container.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:ColorPicker</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">cp</span><span class="MXMLDefault_Text">&quot; showTextField=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; selectedColor=&quot;</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cp</span>.<span class="ActionScriptDefault_Text">selectedColor</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">selectedColor: 0x{</span><span class="ActionScriptDefault_Text">cp</span>.<span class="ActionScriptDefault_Text">selectedColor</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span>16<span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span> 
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html
index 141b971..8e5915d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.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>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0"?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the ColorPicker control. </span><span class="MXMLComment">--&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">" 
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">"  viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> 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">ColorPicker Control Example</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"
-           text="</span><span class="MXMLString">Select the background color of the Skinnable container.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:ColorPicker</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cp</span><span class="MXMLDefault_Text">" showTextField="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" selectedColor="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:SkinnableContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedColor</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">selectedColor: 0x{</span><span class="ActionScriptDefault_Text">cp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span>16<span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0"?&gt;</span>
+<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the ColorPicker control. </span><span class="MXMLComment">--&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">" 
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">"  viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> 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">ColorPicker Control Example</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"
+           text="</span><span class="MXMLString">Select the background color of the Skinnable container.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:ColorPicker</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cp</span><span class="MXMLDefault_Text">" showTextField="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" selectedColor="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:SkinnableContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedColor</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">selectedColor: 0x{</span><span class="ActionScriptDefault_Text">cp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedColor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span>16<span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceIndex.xml
index 6fcc102..7132b77 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-ColumnChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-ColumnChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-ColumnChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-ColumnChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/index.html
index 18deaf1..6d2f127 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-ColumnChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-ColumnChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/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-ColumnChart/srcview/source/final-sample/ColumnChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/ColumnChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/ColumnChart.png.html
index 2b73d5c..751d269 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/ColumnChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/ColumnChart.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>ColumnChart.png</title>
-</head>
-
-<body>
-<img src="ColumnChart.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>ColumnChart.png</title>
+</head>
+
+<body>
+<img src="ColumnChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColumnChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[36/51] [partial] trying to merge TourDeFlex develop release into master

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

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


[44/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt
index bdee77e..41c8928 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/data/list.xml.txt
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
 Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,80 +17,80 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<list>
-    <employee employeeId="1">
-    	<firstName>Michael</firstName>
-    	<lastName>Scott</lastName>
-    	<image>assets/scott.jpg</image>
-    </employee>
-    <employee employeeId="2">
-    	<firstName>Pam</firstName>
-    	<lastName>Beesly</lastName>
-    	<image>assets/beesly.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Andy</firstName>
-    	<lastName>Bernard</lastName>
-    	<image>assets/bernard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Creed</firstName>
-    	<lastName>Bratton</lastName>
-    	<image>assets/bratton.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Toby</firstName>
-    	<lastName>Flenderson</lastName>
-    	<image>assets/flenderson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Jim</firstName>
-    	<lastName>Halpert</lastName>
-    	<image>assets/halpert.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Ryan</firstName>
-    	<lastName>Howard</lastName>
-    	<image>assets/howard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Stanley</firstName>
-    	<lastName>Hudson</lastName>
-    	<image>assets/hudson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kelly</firstName>
-    	<lastName>Kapoor</lastName>
-    	<image>assets/kapoor.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Phyllis</firstName>
-    	<lastName>Lapin</lastName>
-    	<image>assets/lapin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kevin</firstName>
-    	<lastName>Malone</lastName>
-    	<image>assets/malone.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Angela</firstName>
-    	<lastName>Martin</lastName>
-    	<image>assets/martin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Oscar</firstName>
-    	<lastName>Martinez</lastName>
-    	<image>assets/martinez.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Meredith</firstName>
-    	<lastName>Palmer</lastName>
-    	<image>assets/palmer.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Dwight</firstName>
-    	<lastName>Schrute</lastName>
-    	<image>assets/schrute.jpg</image>
-    </employee>
+<list>
+    <employee employeeId="1">
+    	<firstName>Michael</firstName>
+    	<lastName>Scott</lastName>
+    	<image>assets/scott.jpg</image>
+    </employee>
+    <employee employeeId="2">
+    	<firstName>Pam</firstName>
+    	<lastName>Beesly</lastName>
+    	<image>assets/beesly.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Andy</firstName>
+    	<lastName>Bernard</lastName>
+    	<image>assets/bernard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Creed</firstName>
+    	<lastName>Bratton</lastName>
+    	<image>assets/bratton.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Toby</firstName>
+    	<lastName>Flenderson</lastName>
+    	<image>assets/flenderson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Jim</firstName>
+    	<lastName>Halpert</lastName>
+    	<image>assets/halpert.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Ryan</firstName>
+    	<lastName>Howard</lastName>
+    	<image>assets/howard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Stanley</firstName>
+    	<lastName>Hudson</lastName>
+    	<image>assets/hudson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kelly</firstName>
+    	<lastName>Kapoor</lastName>
+    	<image>assets/kapoor.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Phyllis</firstName>
+    	<lastName>Lapin</lastName>
+    	<image>assets/lapin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kevin</firstName>
+    	<lastName>Malone</lastName>
+    	<image>assets/malone.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Angela</firstName>
+    	<lastName>Martin</lastName>
+    	<image>assets/martin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Oscar</firstName>
+    	<lastName>Martinez</lastName>
+    	<image>assets/martinez.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Meredith</firstName>
+    	<lastName>Palmer</lastName>
+    	<image>assets/palmer.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Dwight</firstName>
+    	<lastName>Schrute</lastName>
+    	<image>assets/schrute.jpg</image>
+    </employee>
 </list>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html
index 798735c..4552e37 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer1.mxml.html
@@ -23,42 +23,42 @@
 <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:ItemRenderer</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">" 
-                autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" 
-                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</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: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">hovered</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:postLayoutTransformOffsets&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:TransformOffsets</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">offsets</span><span class="MXMLDefault_Text">" x.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" y.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" scaleX.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" scaleY.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:postLayoutTransformOffsets&gt;</span>    
-    
-    <span class="MXMLComponent_Tag">&lt;s:transitions&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:Animate&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Transition&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:Animate&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Transition&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>    
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:ItemRenderer</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">" 
+                autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" 
+                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</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: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">hovered</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:postLayoutTransformOffsets&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:TransformOffsets</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">offsets</span><span class="MXMLDefault_Text">" x.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" y.hovered="</span><span class="MXMLString">-40</span><span class="MXMLDefault_Text">" scaleX.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" scaleY.hovered="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:postLayoutTransformOffsets&gt;</span>    
+    
+    <span class="MXMLComponent_Tag">&lt;s:transitions&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Animate&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Transition&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Animate</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">offsets</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleX</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">scaleY</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">x</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:SimpleMotionPath</span><span class="MXMLDefault_Text"> property="</span><span class="MXMLString">y</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Animate&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Transition&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>    
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+
 <span class="MXMLComponent_Tag">&lt;/s:ItemRenderer&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html
index 093ee71..e1b721f 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/renderers/ImageRenderer2.mxml.html
@@ -23,40 +23,40 @@
 <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:ItemRenderer</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">" 
-                autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" 
-                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</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: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">hovered</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:transitions&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Parallel&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:Parallel&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:Transition&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</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:fill&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.7</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:Rect&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</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">" visible.normal="</span><span class="MXMLString">false</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
-    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.hovered="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:ItemRenderer</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">" 
+                autoDrawBackground="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" 
+                depth="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" depth.hovered="</span><span class="MXMLString">1</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: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">hovered</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:transitions&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Transition</span><span class="MXMLDefault_Text"> fromState="</span><span class="MXMLString">normal</span><span class="MXMLDefault_Text">" toState="</span><span class="MXMLString">hovered</span><span class="MXMLDefault_Text">" autoReverse="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Parallel&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Rotate3D</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" angleYFrom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" angleYTo="</span><span class="MXMLString">360</span><span class="MXMLDefault_Text">" autoCenterProjection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" autoCenterTransform="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Fade</span><span class="MXMLDefault_Text"> target="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">group</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" startDelay="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" duration="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Parallel&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Transition&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:transitions&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Rect</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rect</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:fill&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:SolidColor</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.7</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:Rect&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:Group</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">group</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">" visible.normal="</span><span class="MXMLString">false</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">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+    <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">image</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" visible.hovered="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
 <span class="MXMLComponent_Tag">&lt;/s:ItemRenderer&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html
index ae7a6a6..6eb2493 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample1.mxml.html
@@ -23,46 +23,46 @@
 <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">" 
-               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    
-    <span class="MXMLSpecial_Tag">&lt;fx: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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</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:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer1</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:TileLayout</span><span class="MXMLDefault_Text"> horizontalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalGap="</span><span class="MXMLString">0</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:DataGroup&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses the Spark Animate to scale the image
-when hovered over each item. See the ImageRenderer1.mxml source for more information.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
+<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">" 
+               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    
+    <span class="MXMLSpecial_Tag">&lt;fx: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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</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:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer1</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:TileLayout</span><span class="MXMLDefault_Text"> horizontalGap="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalGap="</span><span class="MXMLString">0</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:DataGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses the Spark Animate to scale the image
+when hovered over each item. See the ImageRenderer1.mxml source for more information.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
 <span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html
index 50dd6c9..e51bf83 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/sample2.mxml.html
@@ -23,60 +23,60 @@
 <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">" 
-               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx: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/halo"</span>;
-        
-        <span class="CSS@font-face">@font-face</span> <span class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">src</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">url(</span><span class="CSSString">"assets/MyriadPro-Semibold.otf"</span><span class="CSSProperty_Value">)</span><span class="CSSDelimiters">;</span>
-            <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"main"</span><span class="CSSDelimiters">;</span>
-        <span class="CSSDelimiters">}</span>
-        
-        <span class="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span>
-            <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">440</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer2</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:TileLayout</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:DataGroup&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses effects to provide a
-Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also 
-shows the use of a special font for the text.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<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">" 
+               applicationComplete="</span><span class="ActionScriptDefault_Text">srv</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx: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/halo"</span>;
+        
+        <span class="CSS@font-face">@font-face</span> <span class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">src</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">url(</span><span class="CSSString">"assets/MyriadPro-Semibold.otf"</span><span class="CSSProperty_Value">)</span><span class="CSSDelimiters">;</span>
+            <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"main"</span><span class="CSSDelimiters">;</span>
+        <span class="CSSDelimiters">}</span>
+        
+        <span class="CSSSelector">s|Application </span><span class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">font-family</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">main</span><span class="CSSDelimiters">;</span>
+            <span class="CSSProperty_Name">font-size</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">14</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">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employees</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">resultHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">employees</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">list</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employee</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">srv</span><span class="MXMLDefault_Text">" url="</span><span class="MXMLString">data/list.xml</span><span class="MXMLDefault_Text">" result="</span><span class="ActionScriptDefault_Text">resultHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Item Renderer with Animation</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:DataGroup</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">440</span><span class="MXMLDefault_Text">" itemRenderer="</span><span class="MXMLString">renderers.ImageRenderer2</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TileLayout</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:DataGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The item renderer on this DataGroup uses effects to provide a
+Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also 
+shows the use of a special font for the text.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
 <span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
 </html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml
index 376bb2c..c499fdb 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/data/list.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,80 +17,80 @@
   limitations under the License.
 
 -->
-<list>
-    <employee employeeId="1">
-    	<firstName>Michael</firstName>
-    	<lastName>Scott</lastName>
-    	<image>assets/scott.jpg</image>
-    </employee>
-    <employee employeeId="2">
-    	<firstName>Pam</firstName>
-    	<lastName>Beesly</lastName>
-    	<image>assets/beesly.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Andy</firstName>
-    	<lastName>Bernard</lastName>
-    	<image>assets/bernard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Creed</firstName>
-    	<lastName>Bratton</lastName>
-    	<image>assets/bratton.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Toby</firstName>
-    	<lastName>Flenderson</lastName>
-    	<image>assets/flenderson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Jim</firstName>
-    	<lastName>Halpert</lastName>
-    	<image>assets/halpert.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Ryan</firstName>
-    	<lastName>Howard</lastName>
-    	<image>assets/howard.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Stanley</firstName>
-    	<lastName>Hudson</lastName>
-    	<image>assets/hudson.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kelly</firstName>
-    	<lastName>Kapoor</lastName>
-    	<image>assets/kapoor.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Phyllis</firstName>
-    	<lastName>Lapin</lastName>
-    	<image>assets/lapin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Kevin</firstName>
-    	<lastName>Malone</lastName>
-    	<image>assets/malone.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Angela</firstName>
-    	<lastName>Martin</lastName>
-    	<image>assets/martin.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Oscar</firstName>
-    	<lastName>Martinez</lastName>
-    	<image>assets/martinez.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Meredith</firstName>
-    	<lastName>Palmer</lastName>
-    	<image>assets/palmer.jpg</image>
-    </employee>
-    <employee employeeId="3">
-    	<firstName>Dwight</firstName>
-    	<lastName>Schrute</lastName>
-    	<image>assets/schrute.jpg</image>
-    </employee>
+<list>
+    <employee employeeId="1">
+    	<firstName>Michael</firstName>
+    	<lastName>Scott</lastName>
+    	<image>assets/scott.jpg</image>
+    </employee>
+    <employee employeeId="2">
+    	<firstName>Pam</firstName>
+    	<lastName>Beesly</lastName>
+    	<image>assets/beesly.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Andy</firstName>
+    	<lastName>Bernard</lastName>
+    	<image>assets/bernard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Creed</firstName>
+    	<lastName>Bratton</lastName>
+    	<image>assets/bratton.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Toby</firstName>
+    	<lastName>Flenderson</lastName>
+    	<image>assets/flenderson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Jim</firstName>
+    	<lastName>Halpert</lastName>
+    	<image>assets/halpert.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Ryan</firstName>
+    	<lastName>Howard</lastName>
+    	<image>assets/howard.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Stanley</firstName>
+    	<lastName>Hudson</lastName>
+    	<image>assets/hudson.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kelly</firstName>
+    	<lastName>Kapoor</lastName>
+    	<image>assets/kapoor.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Phyllis</firstName>
+    	<lastName>Lapin</lastName>
+    	<image>assets/lapin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kevin</firstName>
+    	<lastName>Malone</lastName>
+    	<image>assets/malone.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Angela</firstName>
+    	<lastName>Martin</lastName>
+    	<image>assets/martin.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Oscar</firstName>
+    	<lastName>Martinez</lastName>
+    	<image>assets/martinez.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Meredith</firstName>
+    	<lastName>Palmer</lastName>
+    	<image>assets/palmer.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Dwight</firstName>
+    	<lastName>Schrute</lastName>
+    	<image>assets/schrute.jpg</image>
+    </employee>
 </list>
\ No newline at end of file


[35/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/source/sample.mxml.html
index d8d788e..1d45439 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/source/sample.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/source/sample.mxml.html
@@ -23,70 +23,70 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text">  xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
-                xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
-                xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/halo</span><span class="MXMLDefault_Text">"
-                xmlns:my="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Layout - Flow Layout</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"
-                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The drop-down to select vertical alignment </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Vertical align</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">vAlign</span><span class="MXMLDefault_Text">" requireSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:ArrayCollection&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">bottom</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">middle</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">top</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:DropDownList&gt;</span>                         
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The drop-down to select vertical alignment </span><span class="MXMLComment">--&gt;</span>                         
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Horizontal align</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hAlign</span><span class="MXMLDefault_Text">" requireSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:ArrayCollection&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">left</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">center</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">right</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:DropDownList&gt;</span>                         
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the list width </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">bottom</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">Container width</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">widthSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"
-                       value="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the horizontal gap </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">bottom</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">Horizontal gap</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hGapSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"
-                       value="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> A Spark List </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">list1</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">widthSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">112</span><span class="MXMLDefault_Text">"
-                selectedIndex="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">"
-                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span>
-                <span class="ActionScriptString">'The quick fox jumped over the lazy sleepy\n\dog'</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">split</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">' '</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Configure the layout to be the FlowLayout </span><span class="MXMLComment">--&gt;</span>    
-            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;my:FlowLayout1</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">hAlign</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
-                                verticalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">vAlign</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
-                                horizontalGap="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">hGapSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</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:List&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text">  xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+                xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+                xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/halo</span><span class="MXMLDefault_Text">"
+                xmlns:my="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Custom Layout - Flow Layout</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"
+                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The drop-down to select vertical alignment </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Vertical align</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">vAlign</span><span class="MXMLDefault_Text">" requireSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:ArrayCollection&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">bottom</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">middle</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">top</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:DropDownList&gt;</span>                         
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The drop-down to select vertical alignment </span><span class="MXMLComment">--&gt;</span>                         
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Horizontal align</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hAlign</span><span class="MXMLDefault_Text">" requireSelection="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:ArrayCollection&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">left</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">center</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;fx:String&gt;</span><span class="MXMLDefault_Text">right</span><span class="MXMLComponent_Tag">&lt;/fx:String&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:DropDownList&gt;</span>                         
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the list width </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">bottom</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">Container width</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">widthSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"
+                       value="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the horizontal gap </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">bottom</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">Horizontal gap</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hGapSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"
+                       value="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> A Spark List </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">list1</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">widthSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">112</span><span class="MXMLDefault_Text">"
+                selectedIndex="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">"
+                dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span>
+                <span class="ActionScriptString">'The quick fox jumped over the lazy sleepy\n\dog'</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">split</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">' '</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Configure the layout to be the FlowLayout </span><span class="MXMLComment">--&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;my:FlowLayout1</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">hAlign</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+                                verticalAlign="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">vAlign</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+                                horizontalGap="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">hGapSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</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:List&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/CustomLayout-FlowLayout/srcview/src/FlowLayout1.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/FlowLayout1.as b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/FlowLayout1.as
index 9462285..7645cf2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/FlowLayout1.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/FlowLayout1.as
@@ -16,180 +16,180 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package
-{
-import mx.core.ILayoutElement;
-
-import spark.components.supportClasses.GroupBase;
-import spark.layouts.supportClasses.LayoutBase;
-
-public class FlowLayout1 extends LayoutBase
-{
-    
-    //---------------------------------------------------------------
-    //
-    //  Class properties
-    //
-    //---------------------------------------------------------------
-    
-    //---------------------------------------------------------------
-    //  horizontalGap
-    //---------------------------------------------------------------
-
-    private var _horizontalGap:Number = 10;
-
-    public function set horizontalGap(value:Number):void
-    {
-        _horizontalGap = value;
-        
-        // We must invalidate the layout
-        var layoutTarget:GroupBase = target;
-        if (layoutTarget)
-            layoutTarget.invalidateDisplayList();
-    }
-    
-    //---------------------------------------------------------------
-    //  verticalAlign
-    //---------------------------------------------------------------
-
-    private var _verticalAlign:String = "bottom";
-    
-    public function set verticalAlign(value:String):void
-    {
-        _verticalAlign = value;
-        
-        // We must invalidate the layout
-        var layoutTarget:GroupBase = target;
-        if (layoutTarget)
-            layoutTarget.invalidateDisplayList();
-    }
-    
-	//---------------------------------------------------------------
-	//  horizontalAlign
-	//---------------------------------------------------------------
-	
-	private var _horizontalAlign:String = "left"; // center, right
-	
-	public function set horizontalAlign(value:String):void
-	{
-		_horizontalAlign = value;
-		
-		// We must invalidate the layout
-		var layoutTarget:GroupBase = target;
-		if (layoutTarget)
-			layoutTarget.invalidateDisplayList();
-	}
-	
-    //---------------------------------------------------------------
-    //
-    //  Class methods
-    //
-    //---------------------------------------------------------------
-    
-    override public function updateDisplayList(containerWidth:Number,
-                                               containerHeight:Number):void
-    {
-        var element:ILayoutElement;
-        var layoutTarget:GroupBase = target;
-        var count:int = layoutTarget.numElements;
-        var hGap:Number = _horizontalGap;
-
-        // The position for the current element
-        var x:Number = 0;
-        var y:Number = 0;
-        var elementWidth:Number;
-        var elementHeight:Number;
-
-        var vAlign:Number = 0;
-        switch (_verticalAlign)
-        {
-            case "middle" : vAlign = 0.5; break;
-            case "bottom" : vAlign = 1; break;
-        }
-
-        // Keep track of per-row height, maximum row width
-        var maxRowWidth:Number = 0;
-
-        // loop through the elements
-        // while we can start a new row
-        var rowStart:int = 0;
-        while (rowStart < count)
-        {
-            // The row always contains the start element
-            element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowStart) :
-										 layoutTarget.getElementAt(rowStart);
-									     
-            var rowWidth:Number = element.getPreferredBoundsWidth();
-            var rowHeight:Number =  element.getPreferredBoundsHeight();
-            
-            // Find the end of the current row
-            var rowEnd:int = rowStart;
-            while (rowEnd + 1 < count)
-            {
-                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowEnd + 1) :
-										     layoutTarget.getElementAt(rowEnd + 1);
-                
-                // Since we haven't resized the element just yet, get its preferred size
-                elementWidth = element.getPreferredBoundsWidth();
-                elementHeight = element.getPreferredBoundsHeight();
-
-                // Can we add one more element to this row?
-                if (rowWidth + hGap + elementWidth > containerWidth)
-                    break;
-
-                rowWidth += hGap + elementWidth;
-                rowHeight = Math.max(rowHeight, elementHeight);
-                rowEnd++;
-            }
-            
-			x = 0;
-			switch (_horizontalAlign)
-			{
-				case "center" : x = Math.round(containerWidth - rowWidth) / 2; break;
-				case "right" : x = containerWidth - rowWidth;
-			}
-			
-            // Keep track of the maximum row width so that we can
-            // set the correct contentSize
-            maxRowWidth = Math.max(maxRowWidth, x + rowWidth);
-
-            // Layout all the elements within the row
-            for (var i:int = rowStart; i <= rowEnd; i++) 
-            {
-                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(i) : 
-											 layoutTarget.getElementAt(i);
-
-                // Resize the element to its preferred size by passing
-                // NaN for the width and height constraints
-                element.setLayoutBoundsSize(NaN, NaN);
-
-                // Find out the element's dimensions sizes.
-                // We do this after the element has been already resized
-                // to its preferred size.
-                elementWidth = element.getLayoutBoundsWidth();
-                elementHeight = element.getLayoutBoundsHeight();
-
-                // Calculate the position within the row
-                var elementY:Number = Math.round((rowHeight - elementHeight) * vAlign);
-
-                // Position the element
-                element.setLayoutBoundsPosition(x, y + elementY);
-
-                x += hGap + elementWidth;
-            }
-
-            // Next row will start with the first element after the current row's end
-            rowStart = rowEnd + 1;
-
-            // Update the position to the beginning of the row
-            x = 0;
-            y += rowHeight;
-        }
-
-        // Set the content size which determines the scrolling limits
-        // and is used by the Scroller to calculate whether to show up
-        // the scrollbars when the the scroll policy is set to "auto"
-        layoutTarget.setContentSize(maxRowWidth, y);
-    }
-}
+package
+{
+import mx.core.ILayoutElement;
+
+import spark.components.supportClasses.GroupBase;
+import spark.layouts.supportClasses.LayoutBase;
+
+public class FlowLayout1 extends LayoutBase
+{
+    
+    //---------------------------------------------------------------
+    //
+    //  Class properties
+    //
+    //---------------------------------------------------------------
+    
+    //---------------------------------------------------------------
+    //  horizontalGap
+    //---------------------------------------------------------------
+
+    private var _horizontalGap:Number = 10;
+
+    public function set horizontalGap(value:Number):void
+    {
+        _horizontalGap = value;
+        
+        // We must invalidate the layout
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+            layoutTarget.invalidateDisplayList();
+    }
+    
+    //---------------------------------------------------------------
+    //  verticalAlign
+    //---------------------------------------------------------------
+
+    private var _verticalAlign:String = "bottom";
+    
+    public function set verticalAlign(value:String):void
+    {
+        _verticalAlign = value;
+        
+        // We must invalidate the layout
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+            layoutTarget.invalidateDisplayList();
+    }
+    
+	//---------------------------------------------------------------
+	//  horizontalAlign
+	//---------------------------------------------------------------
+	
+	private var _horizontalAlign:String = "left"; // center, right
+	
+	public function set horizontalAlign(value:String):void
+	{
+		_horizontalAlign = value;
+		
+		// We must invalidate the layout
+		var layoutTarget:GroupBase = target;
+		if (layoutTarget)
+			layoutTarget.invalidateDisplayList();
+	}
+	
+    //---------------------------------------------------------------
+    //
+    //  Class methods
+    //
+    //---------------------------------------------------------------
+    
+    override public function updateDisplayList(containerWidth:Number,
+                                               containerHeight:Number):void
+    {
+        var element:ILayoutElement;
+        var layoutTarget:GroupBase = target;
+        var count:int = layoutTarget.numElements;
+        var hGap:Number = _horizontalGap;
+
+        // The position for the current element
+        var x:Number = 0;
+        var y:Number = 0;
+        var elementWidth:Number;
+        var elementHeight:Number;
+
+        var vAlign:Number = 0;
+        switch (_verticalAlign)
+        {
+            case "middle" : vAlign = 0.5; break;
+            case "bottom" : vAlign = 1; break;
+        }
+
+        // Keep track of per-row height, maximum row width
+        var maxRowWidth:Number = 0;
+
+        // loop through the elements
+        // while we can start a new row
+        var rowStart:int = 0;
+        while (rowStart < count)
+        {
+            // The row always contains the start element
+            element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowStart) :
+										 layoutTarget.getElementAt(rowStart);
+									     
+            var rowWidth:Number = element.getPreferredBoundsWidth();
+            var rowHeight:Number =  element.getPreferredBoundsHeight();
+            
+            // Find the end of the current row
+            var rowEnd:int = rowStart;
+            while (rowEnd + 1 < count)
+            {
+                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowEnd + 1) :
+										     layoutTarget.getElementAt(rowEnd + 1);
+                
+                // Since we haven't resized the element just yet, get its preferred size
+                elementWidth = element.getPreferredBoundsWidth();
+                elementHeight = element.getPreferredBoundsHeight();
+
+                // Can we add one more element to this row?
+                if (rowWidth + hGap + elementWidth > containerWidth)
+                    break;
+
+                rowWidth += hGap + elementWidth;
+                rowHeight = Math.max(rowHeight, elementHeight);
+                rowEnd++;
+            }
+            
+			x = 0;
+			switch (_horizontalAlign)
+			{
+				case "center" : x = Math.round(containerWidth - rowWidth) / 2; break;
+				case "right" : x = containerWidth - rowWidth;
+			}
+			
+            // Keep track of the maximum row width so that we can
+            // set the correct contentSize
+            maxRowWidth = Math.max(maxRowWidth, x + rowWidth);
+
+            // Layout all the elements within the row
+            for (var i:int = rowStart; i <= rowEnd; i++) 
+            {
+                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(i) : 
+											 layoutTarget.getElementAt(i);
+
+                // Resize the element to its preferred size by passing
+                // NaN for the width and height constraints
+                element.setLayoutBoundsSize(NaN, NaN);
+
+                // Find out the element's dimensions sizes.
+                // We do this after the element has been already resized
+                // to its preferred size.
+                elementWidth = element.getLayoutBoundsWidth();
+                elementHeight = element.getLayoutBoundsHeight();
+
+                // Calculate the position within the row
+                var elementY:Number = Math.round((rowHeight - elementHeight) * vAlign);
+
+                // Position the element
+                element.setLayoutBoundsPosition(x, y + elementY);
+
+                x += hGap + elementWidth;
+            }
+
+            // Next row will start with the first element after the current row's end
+            rowStart = rowEnd + 1;
+
+            // Update the position to the beginning of the row
+            x = 0;
+            y += rowHeight;
+        }
+
+        // Set the content size which determines the scrolling limits
+        // and is used by the Scroller to calculate whether to show up
+        // the scrollbars when the the scroll policy is set to "auto"
+        layoutTarget.setContentSize(maxRowWidth, y);
+    }
+}
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/sample.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/sample.mxml
index bccfc0b..959f06c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/sample.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlowLayout/srcview/src/sample.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,69 +17,69 @@
   limitations under the License.
 
 -->
-<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:s="library://ns.adobe.com/flex/spark"
-				xmlns:mx="library://ns.adobe.com/flex/halo"
-				xmlns:my="*" viewSourceURL="srcview/index.html">
-	
-	<s:Panel width="100%" height="100%" title="Custom Layout - Flow Layout" skinClass="skins.TDFPanelSkin">
-		<s:layout>
-			<s:VerticalLayout horizontalAlign="center"
-							  paddingTop="10" gap="10"/>
-		</s:layout>
-		
-		<!-- The drop-down to select vertical alignment -->
-		<s:HGroup verticalAlign="middle">
-			<s:Label text="Vertical align"/>
-			<s:DropDownList id="vAlign" requireSelection="true" color="0x000000">
-				<s:ArrayCollection>
-					<fx:String>bottom</fx:String>
-					<fx:String>middle</fx:String>
-					<fx:String>top</fx:String>
-				</s:ArrayCollection>
-			</s:DropDownList>                         
-		</s:HGroup>
-		
-		<!-- The drop-down to select vertical alignment -->                         
-		<s:HGroup verticalAlign="middle">
-			<s:Label text="Horizontal align"/>
-			<s:DropDownList id="hAlign" requireSelection="true">
-				<s:ArrayCollection>
-					<fx:String>left</fx:String>
-					<fx:String>center</fx:String>
-					<fx:String>right</fx:String>
-				</s:ArrayCollection>
-			</s:DropDownList>                         
-		</s:HGroup>
-		
-		<!-- The slider to control the list width -->
-		<s:HGroup verticalAlign="bottom">
-			<s:Label text="Container width"/>
-			<s:HSlider id="widthSlider" minimum="10" maximum="400"
-					   value="200" liveDragging="true"/>
-		</s:HGroup>
-		
-		<!-- The slider to control the horizontal gap -->
-		<s:HGroup verticalAlign="bottom">
-			<s:Label text="Horizontal gap"/>
-			<s:HSlider id="hGapSlider" minimum="0" maximum="50"
-					   value="10" liveDragging="true"/>
-		</s:HGroup>
-		
-		<!-- A Spark List -->
-		<s:List id="list1" width="{widthSlider.value}" height="112"
-				selectedIndex="7"
-				dataProvider="{new ArrayCollection(
-				'The quick fox jumped over the lazy sleepy\n\dog'.split(' '))}">
-			
-			<!-- Configure the layout to be the FlowLayout -->    
-			<s:layout>
-				<my:FlowLayout1 horizontalAlign="{hAlign.selectedItem}"
-								verticalAlign="{vAlign.selectedItem}"
-								horizontalGap="{hGapSlider.value}"/>
-			</s:layout>
-		</s:List>
-	</s:Panel>
-
-</s:Application>
-
+<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/halo"
+				xmlns:my="*" viewSourceURL="srcview/index.html">
+	
+	<s:Panel width="100%" height="100%" title="Custom Layout - Flow Layout" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"
+							  paddingTop="10" gap="10"/>
+		</s:layout>
+		
+		<!-- The drop-down to select vertical alignment -->
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Vertical align"/>
+			<s:DropDownList id="vAlign" requireSelection="true" color="0x000000">
+				<s:ArrayCollection>
+					<fx:String>bottom</fx:String>
+					<fx:String>middle</fx:String>
+					<fx:String>top</fx:String>
+				</s:ArrayCollection>
+			</s:DropDownList>                         
+		</s:HGroup>
+		
+		<!-- The drop-down to select vertical alignment -->                         
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Horizontal align"/>
+			<s:DropDownList id="hAlign" requireSelection="true">
+				<s:ArrayCollection>
+					<fx:String>left</fx:String>
+					<fx:String>center</fx:String>
+					<fx:String>right</fx:String>
+				</s:ArrayCollection>
+			</s:DropDownList>                         
+		</s:HGroup>
+		
+		<!-- The slider to control the list width -->
+		<s:HGroup verticalAlign="bottom">
+			<s:Label text="Container width"/>
+			<s:HSlider id="widthSlider" minimum="10" maximum="400"
+					   value="200" liveDragging="true"/>
+		</s:HGroup>
+		
+		<!-- The slider to control the horizontal gap -->
+		<s:HGroup verticalAlign="bottom">
+			<s:Label text="Horizontal gap"/>
+			<s:HSlider id="hGapSlider" minimum="0" maximum="50"
+					   value="10" liveDragging="true"/>
+		</s:HGroup>
+		
+		<!-- A Spark List -->
+		<s:List id="list1" width="{widthSlider.value}" height="112"
+				selectedIndex="7"
+				dataProvider="{new ArrayCollection(
+				'The quick fox jumped over the lazy sleepy\n\dog'.split(' '))}">
+			
+			<!-- Configure the layout to be the FlowLayout -->    
+			<s:layout>
+				<my:FlowLayout1 horizontalAlign="{hAlign.selectedItem}"
+								verticalAlign="{vAlign.selectedItem}"
+								horizontalGap="{hGapSlider.value}"/>
+			</s:layout>
+		</s:List>
+	</s:Panel>
+
+</s:Application>
+

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


[08/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.mxml.html
index a31ca10..53dff36 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/sample1.mxml.html
@@ -14,40 +14,40 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-   <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; 
-       trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot;
-       valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-       
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">EmailValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter an e-mail address: </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">email</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+   <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; 
+       trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot;
+       valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+       
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">EmailValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter an e-mail address: </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">email</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/validatoricon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/validatoricon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/validatoricon.png.html
index 1eb84d6..9a09f95 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/validatoricon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/final-sample/validatoricon.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>validatoricon.png</title>
-</head>
-
-<body>
-<img src="validatoricon.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>validatoricon.png</title>
+</head>
+
+<body>
+<img src="validatoricon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/sample1.mxml.html
index 7d5ab8e..1209bb4 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-EmailValidator/srcview/source/sample1.mxml.html
@@ -14,60 +14,60 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" 
-                       trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">"
-                       valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">EmailValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter an e-mail address: </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">email</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" 
+                       trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">"
+                       valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">EmailValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter an e-mail address: </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">email</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-Events/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample2.html
index 573bb1c..78b450c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample3.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample3.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample3.html
index b0f9f26..686fd7a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample3.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample3.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample3" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample3.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample3.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample3" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample3" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample3.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample3.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample3" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample4.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample4.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample4.html
index 4b3d1c7..38f0775 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample4.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample4.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample4" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample4.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample4.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample4" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample4" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample4.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample4.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample4" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample5.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample5.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample5.html
index 4c00207..d43f681 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample5.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample5.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample5" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample5.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample5.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample5" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample5" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample5.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample5.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample5" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample6.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample6.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample6.html
index 531ea91..28dd4b5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample6.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/sample6.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample6" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample6.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample6.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample6" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample6" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample6.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample6.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample6" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceIndex.xml
index ac6f9d5..3dccaaa 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,28 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Events</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="actionScriptIcon" label="FiveSecondTrigger.as" url="source/FiveSecondTrigger.as.html"/>
-			<node icon="actionScriptIcon" label="MyEvent.as" url="source/MyEvent.as.html"/>
-			<node icon="mxmlIcon" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
-			<node icon="mxmlIcon" label="sample3.mxml" url="source/sample3.mxml.html"/>
-			<node icon="mxmlIcon" label="sample4.mxml" url="source/sample4.mxml.html"/>
-			<node icon="mxmlIcon" label="sample5.mxml" url="source/sample5.mxml.html"/>
-			<node icon="mxmlAppIcon" selected="true" label="sample6.mxml" url="source/sample6.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 10K)" url="Sample-Adobe-Events.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Events</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="actionScriptIcon" label="FiveSecondTrigger.as" url="source/FiveSecondTrigger.as.html"/>
+			<node icon="actionScriptIcon" label="MyEvent.as" url="source/MyEvent.as.html"/>
+			<node icon="mxmlIcon" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
+			<node icon="mxmlIcon" label="sample3.mxml" url="source/sample3.mxml.html"/>
+			<node icon="mxmlIcon" label="sample4.mxml" url="source/sample4.mxml.html"/>
+			<node icon="mxmlIcon" label="sample5.mxml" url="source/sample5.mxml.html"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample6.mxml" url="source/sample6.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 10K)" url="Sample-Adobe-Events.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/index.html
index cd42a7f..790357e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Events</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample6.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Events</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample6.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/FiveSecondTrigger.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/FiveSecondTrigger.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/FiveSecondTrigger.as.html
index 5f00f78..baa857d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/FiveSecondTrigger.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/FiveSecondTrigger.as.html
@@ -14,39 +14,39 @@
   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>FiveSecondTrigger.as</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="ActionScriptpackage">package</span>
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EventDispatcher</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TimerEvent</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Timer</span>;
-    
-    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"triggered"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">EventDispatcher</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">t</span>:<span class="ActionScriptDefault_Text">Timer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>5000<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TIMER</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"triggered"</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptBracket/Brace">}</span>
-<span class="ActionScriptBracket/Brace">}</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>FiveSecondTrigger.as</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="ActionScriptpackage">package</span>
+<span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EventDispatcher</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TimerEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Timer</span>;
+    
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"triggered"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">EventDispatcher</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">FiveSecondTrigger</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">t</span>:<span class="ActionScriptDefault_Text">Timer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>5000<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TIMER</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">t</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleTimer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"triggered"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/MyEvent.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/MyEvent.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/MyEvent.as.html
index a889b70..72f38fc 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/MyEvent.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/MyEvent.as.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>MyEvent.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">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">MyEvent</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">FlexEvent</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">TRIGGERED</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"triggered"</span>; 
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">type</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">false</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cancelable</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">super</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span><span class="ActionScriptOperator">,</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>
+<!-- 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>MyEvent.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">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">MyEvent</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">FlexEvent</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">TRIGGERED</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"triggered"</span>; 
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">MyEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">type</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">false</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cancelable</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">super</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">bubbles</span><span class="ActionScriptOperator">,</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>


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

Posted by jm...@apache.org.
trying to merge TourDeFlex develop release into master


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

Branch: refs/heads/master
Commit: 5ed4d983858a7d722dcac2951bac6c0178ed11b9
Parents: e1f9d1d
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 23 13:39:42 2014 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 23 13:39:42 2014 +1000

----------------------------------------------------------------------
 TourDeFlex/TourDeFlex/src/Config.as             |  276 ++--
 TourDeFlex/TourDeFlex/src/Preferences.as        |   98 +-
 TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml    |  238 +--
 .../src/classes/ApplicationUpdaterManager.as    |   72 +-
 TourDeFlex/TourDeFlex/src/classes/Document.as   |   32 +-
 .../TourDeFlex/src/classes/LocalQuickStart.as   |  280 ++--
 TourDeFlex/TourDeFlex/src/classes/ObjectData.as |  634 ++++----
 .../src/classes/ObjectListSortTypes.as          |   38 +-
 .../src/classes/ObjectTreeDataDescriptor.as     |  344 ++---
 .../src/classes/ObjectTreeItemRenderer.as       |  150 +-
 .../TourDeFlex/src/components/AboutWindow.mxml  |   78 +-
 .../src/components/ApplicationFooter.mxml       |   88 +-
 .../src/components/ApplicationHeader.mxml       |  126 +-
 .../src/components/CommentsWindow.mxml          |   64 +-
 .../TourDeFlex/src/components/DocumentTabs.mxml |  216 +--
 .../src/components/DownloadWindow.mxml          |  210 +--
 .../src/components/IllustrationTab.mxml         |  126 +-
 .../src/components/IllustrationTabs.mxml        |  136 +-
 .../TourDeFlex/src/components/ObjectList.mxml   |  140 +-
 .../src/components/ObjectListItemRenderer.mxml  |  136 +-
 .../TourDeFlex/src/components/SearchWindow.mxml |  358 ++---
 .../TourDeFlex/src/components/SplashWindow.mxml |  136 +-
 .../src/components/TextBoxSearch.mxml           |  122 +-
 .../TourDeFlex/src/components/WipeWindow.mxml   |   54 +-
 TourDeFlex/TourDeFlex/src/data/offline.html     |   32 +-
 TourDeFlex/TourDeFlex/src/data/settings.xml     |   62 +-
 TourDeFlex/TourDeFlex/src/data/settings_ja.xml  |   62 +-
 .../AIR20/OpenWithDefaultApp/sample1.mxml.html  |   64 +-
 .../src/sample1-app.xml                         |  218 +--
 .../src/sample1.mxml                            |   64 +-
 .../srcview/source/sample1-app.xml.txt          |  218 +--
 .../srcview/source/sample1.mxml.html            |   64 +-
 TourDeFlex/TourDeFlex/src/styles.css            |  808 +++++-----
 .../html-template/history/history.css           |   44 +-
 .../html-template/history/history.js            | 1388 +++++++++---------
 .../html-template/history/historyFrame.html     |   90 +-
 .../html-template/index.template.html           |  248 ++--
 TourDeFlex/TourDeFlex3/src/AC_OETags.js         |  564 +++----
 TourDeFlex/TourDeFlex3/src/SourceTab.mxml       |  116 +-
 TourDeFlex/TourDeFlex3/src/explorer.html        |  130 +-
 TourDeFlex/TourDeFlex3/src/explorer.mxml        |  154 +-
 TourDeFlex/TourDeFlex3/src/explorer.xml         |  884 +++++------
 TourDeFlex/TourDeFlex3/src/loaderPanel.mxml     |   70 +-
 TourDeFlex/TourDeFlex3/src/viewsource.mxml      |  112 +-
 TourDeFlex/TourDeFlex_content/badge/index.html  |  134 +-
 .../TourDeFlex_content/badge/indexblack.html    |  132 +-
 .../TourDeFlex_content/badge/indexblack_cn.html |  146 +-
 .../AnimateShaderTransitionEffect/sample.html   |  210 +--
 .../flex4.0/CSSDescendantSelector/sample.html   |  210 +--
 .../flex4.0/CSSTypeClassSelector/sample.html    |  210 +--
 .../flex4.0/ComboBox/sample.html                |  210 +--
 .../CustomItemRendererWithEffects/data/list.xml |  154 +-
 .../CustomItemRendererWithEffects/sample1.html  |  210 +--
 .../CustomItemRendererWithEffects/sample2.html  |  210 +--
 .../srcview/source/data/list.xml.txt            |  154 +-
 .../source/renderers/ImageRenderer1.mxml.html   |   74 +-
 .../source/renderers/ImageRenderer2.mxml.html   |   70 +-
 .../srcview/source/sample1.mxml.html            |   82 +-
 .../srcview/source/sample2.mxml.html            |  110 +-
 .../srcview/src/data/list.xml                   |  154 +-
 .../srcview/src/renderers/ImageRenderer1.mxml   |   74 +-
 .../srcview/src/renderers/ImageRenderer2.mxml   |   70 +-
 .../srcview/src/sample1.mxml                    |   86 +-
 .../srcview/src/sample2.mxml                    |  114 +-
 .../CustomLayout-Animated/data/catalog.xml      |  348 ++---
 .../flex4.0/CustomLayout-Animated/sample.html   |  210 +--
 .../srcview/source/data/catalog.xml.txt         |  348 ++---
 .../source/layouts/FilteredTileLayout.as.html   |  482 +++---
 .../source/renderers/PhoneRenderer.mxml.html    |   84 +-
 .../srcview/source/sample.mxml.html             |  162 +-
 .../srcview/src/data/catalog.xml                |  348 ++---
 .../srcview/src/layouts/FilteredTileLayout.as   |  482 +++---
 .../srcview/src/renderers/PhoneRenderer.mxml    |   84 +-
 .../srcview/src/sample.mxml                     |  176 +--
 .../CustomLayout-FlickrWheel/sample.html        |  210 +--
 .../srcview/source/FlickrThumbnail.mxml.html    |  142 +-
 .../source/NumberInterpolatorWrapping.as.html   |  182 +--
 .../srcview/source/WheelLayout.as.html          |  996 ++++++-------
 .../srcview/source/sample.mxml.html             |  148 +-
 .../srcview/src/FlickrThumbnail.mxml            |  124 +-
 .../srcview/src/NumberInterpolatorWrapping.as   |  182 +--
 .../srcview/src/WheelLayout.as                  |  996 ++++++-------
 .../srcview/src/sample.mxml                     |  130 +-
 .../flex4.0/CustomLayout-FlowLayout/sample.html |  210 +--
 .../srcview/source/FlowLayout1.as.html          |  352 ++---
 .../srcview/source/sample.mxml.html             |  130 +-
 .../srcview/src/FlowLayout1.as                  |  352 ++---
 .../srcview/src/sample.mxml                     |  134 +-
 .../CustomLayout-HLayoutBaseline/sample.html    |  210 +--
 .../srcview/source/HBaselineLayout.as.html      |  360 ++---
 .../srcview/src/HBaselineLayout.as              |  360 ++---
 .../flex4.0/DataGroup/sample.html               |  210 +--
 .../FXG/BitmapImage/BitmapImageExample.html     |  210 +--
 .../flex4.0/FXG/Ellipse/sample.html             |  210 +--
 .../flex4.0/FXG/Line/sample.html                |  210 +--
 .../flex4.0/FXG/Rect/sample.html                |  210 +--
 .../flex4.0/FXG/RichText/sample.html            |  210 +--
 .../Group-HGroup-VGroup/SampleHGroup.html       |  208 +--
 .../Group-HGroup-VGroup/SampleVGroup.html       |  208 +--
 .../flex4.0/Group-HGroup-VGroup/sample.html     |  208 +--
 .../sample.html                                 |  210 +--
 .../TourDeFlex_content/flex4.0/Menu/sample.html |  210 +--
 .../flex4.0/Move3D/sample.html                  |  210 +--
 .../flex4.0/RichEditableText/sample.html        |  210 +--
 .../flex4.0/Sample-Adobe-Accordion/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Accordion/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/Accordion.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   92 +-
 .../srcview/source/sample1.mxml.html            |  118 +-
 .../Sample-Adobe-AdvancedDataGrid/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../final-sample/AdvancedDataGrid.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  152 +-
 .../srcview/source/sample1.mxml.html            |  168 +--
 .../flex4.0/Sample-Adobe-AreaChart/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-AreaChart/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/AreaChart.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  100 +-
 .../srcview/source/sample1.mxml.html            |  124 +-
 .../flex4.0/Sample-Adobe-BarChart/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-BarChart/srcview/index.html    |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/BarChart.png.html       |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   96 +-
 .../srcview/source/sample1.mxml.html            |  120 +-
 .../Sample-Adobe-BubbleChart/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-BubbleChart/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/BubbleChart.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   98 +-
 .../srcview/source/sample1.mxml.html            |  130 +-
 .../Sample-Adobe-CandlestickChart/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../final-sample/CandlestickChart.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  114 +-
 .../srcview/source/sample1.mxml.html            |  142 +-
 .../Sample-Adobe-ColorPicker/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-ColorPicker/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/ColorPicker.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   52 +-
 .../srcview/source/sample1.mxml.html            |   82 +-
 .../Sample-Adobe-ColumnChart/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-ColumnChart/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/ColumnChart.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   96 +-
 .../srcview/source/sample1.mxml.html            |  124 +-
 .../srcview/SourceIndex.xml                     |   66 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Components/srcview/index.html  |   32 +-
 .../srcview/source/SearchBox.as.html            |  336 ++---
 .../srcview/source/SearchBoxEvent.as.html       |   54 +-
 .../srcview/source/SearchDemo.mxml.html         |  168 +--
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/VideoPlayer.mxml.html        |  162 +-
 .../srcview/source/VideoPlayerModule.mxml.html  |   50 +-
 .../source/VideoPlayerModuleLoader.mxml.html    |   52 +-
 .../source/assets/control_pause_blue.png.html   |   24 +-
 .../source/assets/control_play_blue.png.html    |   24 +-
 .../source/assets/control_stop_blue.png.html    |   24 +-
 .../srcview/source/assets/icon_close.png.html   |   24 +-
 .../source/final-sample/SearchBox.as.html       |  336 ++---
 .../source/final-sample/SearchBoxEvent.as.html  |   54 +-
 .../source/final-sample/SearchDemo.mxml.html    |  116 +-
 .../source/final-sample/VideoPlayer.mxml.html   |  140 +-
 .../srcview/source/final-sample/main.mxml.html  |   42 +-
 .../srcview/source/main.mxml.html               |   84 +-
 .../srcview/src/SearchBox.as                    |  314 ++--
 .../srcview/src/SearchBoxEvent.as               |   32 +-
 .../srcview/src/SearchDemo.mxml                 |  148 +-
 .../srcview/src/VideoPlayer.mxml                |  142 +-
 .../srcview/src/VideoPlayerModule.mxml          |   30 +-
 .../srcview/src/VideoPlayerModuleLoader.mxml    |   32 +-
 .../srcview/src/main.mxml                       |   64 +-
 .../sample1.html                                |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  118 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  158 +-
 .../Sample-Adobe-CurrencyFormatter/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/formattericon.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  122 +-
 .../srcview/source/sample1.mxml.html            |  158 +-
 .../Sample-Adobe-CurrencyValidator/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   74 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  108 +-
 .../Sample-Adobe-CursorManagement/sample1.html  |   58 +-
 .../Sample-Adobe-CursorManagement/sample2.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   42 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/aircursor.png.html           |   24 +-
 .../source/final-sample/flexicon.png.html       |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   54 +-
 .../srcview/source/final-sample/sample2.html    |   58 +-
 .../source/final-sample/sample2.mxml.html       |   90 +-
 .../srcview/source/sample1.mxml.html            |  100 +-
 .../srcview/source/sample2.mxml.html            |  132 +-
 .../flex4.0/Sample-Adobe-DataGrid/sample1.html  |  210 +--
 .../srcview/SourceIndex.xml                     |   58 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-DataGrid/srcview/index.html    |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/DataGrid.png.html       |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  144 +-
 .../source/images/arrow_icon_sm.png.html        |   24 +-
 .../srcview/source/sample1.mxml.html            |  176 +--
 .../Sample-Adobe-DateChooser/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-DateChooser/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/DateChooser.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  112 +-
 .../srcview/source/sample1.mxml.html            |  144 +-
 .../flex4.0/Sample-Adobe-DateField/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-DateField/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/DateField.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  114 +-
 .../srcview/source/sample1.mxml.html            |  172 +--
 .../Sample-Adobe-DateFormatter/sample1.html     |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/formattericon.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  116 +-
 .../srcview/source/sample1.mxml.html            |  150 +-
 .../Sample-Adobe-DateValidator/sample1.html     |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   86 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  124 +-
 .../Sample-Adobe-DragAndDrop/sample1.html       |   58 +-
 .../Sample-Adobe-DragAndDrop/sample2.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   40 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-DragAndDrop/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/readme.html     |    6 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   62 +-
 .../srcview/source/final-sample/sample2.html    |   58 +-
 .../source/final-sample/sample2.mxml.html       |  106 +-
 .../srcview/source/sample1.mxml.html            |  108 +-
 .../srcview/source/sample2.mxml.html            |  144 +-
 .../Sample-Adobe-EmailValidator/sample1.html    |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   74 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  114 +-
 .../flex4.0/Sample-Adobe-Events/sample1.html    |   58 +-
 .../flex4.0/Sample-Adobe-Events/sample2.html    |   58 +-
 .../flex4.0/Sample-Adobe-Events/sample3.html    |   58 +-
 .../flex4.0/Sample-Adobe-Events/sample4.html    |   58 +-
 .../flex4.0/Sample-Adobe-Events/sample5.html    |   58 +-
 .../flex4.0/Sample-Adobe-Events/sample6.html    |   58 +-
 .../Sample-Adobe-Events/srcview/SourceIndex.xml |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../Sample-Adobe-Events/srcview/SourceTree.html |  226 +--
 .../Sample-Adobe-Events/srcview/index.html      |   32 +-
 .../srcview/source/FiveSecondTrigger.as.html    |   72 +-
 .../srcview/source/MyEvent.as.html              |   50 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../final-sample/FiveSecondTrigger.as.html      |   72 +-
 .../srcview/source/final-sample/MyEvent.as.html |   50 +-
 .../srcview/source/final-sample/readme.html     |    8 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   38 +-
 .../srcview/source/final-sample/sample2.html    |   58 +-
 .../source/final-sample/sample2.mxml.html       |   48 +-
 .../srcview/source/final-sample/sample3.html    |   58 +-
 .../source/final-sample/sample3.mxml.html       |   54 +-
 .../srcview/source/final-sample/sample4.html    |   58 +-
 .../source/final-sample/sample4.mxml.html       |   62 +-
 .../srcview/source/final-sample/sample5.html    |   58 +-
 .../source/final-sample/sample5.mxml.html       |   52 +-
 .../srcview/source/final-sample/sample6.html    |   58 +-
 .../source/final-sample/sample6.mxml.html       |   50 +-
 .../srcview/source/sample1.mxml.html            |   90 +-
 .../srcview/source/sample2.mxml.html            |   98 +-
 .../srcview/source/sample3.mxml.html            |  100 +-
 .../srcview/source/sample4.mxml.html            |  112 +-
 .../srcview/source/sample5.mxml.html            |  100 +-
 .../srcview/source/sample6.mxml.html            |  102 +-
 .../flex4.0/Sample-Adobe-Filters/sample1.html   |  210 +--
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Filters/srcview/index.html     |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/sample1.mxml.html            |  176 +--
 .../flex4.0/Sample-Adobe-Form/sample1.html      |   58 +-
 .../Sample-Adobe-Form/srcview/SourceIndex.xml   |   38 +-
 .../Sample-Adobe-Form/srcview/SourceStyles.css  |  278 ++--
 .../Sample-Adobe-Form/srcview/SourceTree.html   |  226 +--
 .../Sample-Adobe-Form/srcview/index.html        |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/Form.png.html   |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  136 +-
 .../srcview/source/sample1.mxml.html            |  170 +--
 .../flex4.0/Sample-Adobe-Formatter/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Formatter/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/formattericon.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  116 +-
 .../srcview/source/sample1.mxml.html            |  150 +-
 .../flex4.0/Sample-Adobe-HLOCChart/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-HLOCChart/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/HLOCChart.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  112 +-
 .../srcview/source/sample1.mxml.html            |  140 +-
 .../flex4.0/Sample-Adobe-Image/sample1.html     |   58 +-
 .../Sample-Adobe-Image/srcview/SourceIndex.xml  |   52 +-
 .../Sample-Adobe-Image/srcview/SourceStyles.css |  278 ++--
 .../Sample-Adobe-Image/srcview/SourceTree.html  |  226 +--
 .../Sample-Adobe-Image/srcview/index.html       |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/Image.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   78 +-
 .../srcview/source/images/backpack.jpg.html     |   24 +-
 .../srcview/source/images/boots.jpg.html        |   24 +-
 .../srcview/source/images/compass.jpg.html      |   24 +-
 .../srcview/source/images/goggles.jpg.html      |   24 +-
 .../srcview/source/images/helmet.jpg.html       |   24 +-
 .../srcview/source/sample1.mxml.html            |  124 +-
 .../flex4.0/Sample-Adobe-LineChart/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-LineChart/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/LineChart.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  100 +-
 .../srcview/source/sample1.mxml.html            |  128 +-
 .../flex4.0/Sample-Adobe-LinkBar/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-LinkBar/srcview/index.html     |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/LinkBar.png.html        |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  116 +-
 .../srcview/source/sample1.mxml.html            |  164 +--
 .../Sample-Adobe-LinkButton/sample1.html        |   58 +-
 .../srcview/SourceIndex.xml                     |   48 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-LinkButton/srcview/index.html  |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/assets/arrow_icon.png.html   |   24 +-
 .../source/assets/arrow_icon_blue.png.html      |   24 +-
 .../source/assets/arrow_icon_sm.png.html        |   24 +-
 .../source/final-sample/LinkButton.png.html     |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   54 +-
 .../srcview/source/sample1.mxml.html            |   86 +-
 .../flex4.0/Sample-Adobe-Modules/main.html      |   58 +-
 .../srcview/SourceIndex.xml                     |   42 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Modules/srcview/index.html     |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/main.html       |   58 +-
 .../srcview/source/final-sample/main.mxml.html  |  100 +-
 .../source/final-sample/module1.mxml.html       |   32 +-
 .../source/final-sample/module2.mxml.html       |   32 +-
 .../srcview/source/main.mxml.html               |  142 +-
 .../srcview/source/module1.mxml.html            |   32 +-
 .../srcview/source/module2.mxml.html            |   32 +-
 .../Sample-Adobe-NumberFormatter/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  118 +-
 .../srcview/source/sample1.mxml.html            |  152 +-
 .../Sample-Adobe-NumberValidator/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   78 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  114 +-
 .../Sample-Adobe-OLAPDataGrid/sample1.html      |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/OLAPDataGrid.png.html   |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  408 ++---
 .../srcview/source/sample1.mxml.html            |  444 +++---
 .../Sample-Adobe-PhoneFormatter/sample1.html    |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/formattericon.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  116 +-
 .../srcview/source/sample1.mxml.html            |  150 +-
 .../flex4.0/Sample-Adobe-PieChart/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-PieChart/srcview/index.html    |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/PieChart.png.html       |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  110 +-
 .../srcview/source/sample1.mxml.html            |  138 +-
 .../flex4.0/Sample-Adobe-PlotChart/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-PlotChart/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/PlotChart.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   88 +-
 .../srcview/source/sample1.mxml.html            |  116 +-
 .../Sample-Adobe-PopUpButton/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-PopUpButton/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/PopUpButton.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  118 +-
 .../srcview/source/sample1.mxml.html            |  150 +-
 .../Sample-Adobe-ProgressBar/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-ProgressBar/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/ProgressBar.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   98 +-
 .../srcview/source/sample1.mxml.html            |  128 +-
 .../Sample-Adobe-RegExpValidator/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  152 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  186 +--
 .../flex4.0/Sample-Adobe-Repeater/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Repeater/srcview/index.html    |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/Repeater.png.html       |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   86 +-
 .../srcview/source/sample1.mxml.html            |  114 +-
 .../flex4.0/Sample-Adobe-SWFLoader/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   44 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-SWFLoader/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/SWFLoader.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   66 +-
 .../srcview/source/sample1.mxml.html            |   98 +-
 .../Sample-Adobe-SeriesInterploate/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/Effects.png.html        |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  172 +--
 .../srcview/source/sample1.mxml.html            |  210 +--
 .../Sample-Adobe-SeriesSlide/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-SeriesSlide/srcview/index.html |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/Effects.png.html        |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  176 +--
 .../srcview/source/sample1.mxml.html            |  214 +--
 .../Sample-Adobe-SeriesZoom/sample1.html        |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-SeriesZoom/srcview/index.html  |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/Effects.png.html        |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  176 +--
 .../srcview/source/sample1.mxml.html            |  210 +--
 .../sample1.html                                |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   74 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  112 +-
 .../Sample-Adobe-StringValidator/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   80 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  118 +-
 .../sample1.html                                |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  118 +-
 .../srcview/source/sample1.mxml.html            |  154 +-
 .../Sample-Adobe-TabNavigator/sample1.html      |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/TabNavigator.png.html   |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   94 +-
 .../srcview/source/sample1.mxml.html            |  118 +-
 .../Sample-Adobe-TitleWindow/sample1.html       |   58 +-
 .../srcview/SourceIndex.xml                     |   40 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-TitleWindow/srcview/index.html |   32 +-
 .../source/SimpleTitleWindowExample.mxml.html   |  108 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../SimpleTitleWindowExample.mxml.html          |   90 +-
 .../source/final-sample/TitleWindow.png.html    |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  110 +-
 .../srcview/source/sample1.mxml.html            |  146 +-
 .../Sample-Adobe-ToggleButtonBar/sample1.html   |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/ButtonBar.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  102 +-
 .../srcview/source/sample1.mxml.html            |  130 +-
 .../flex4.0/Sample-Adobe-ToolTips/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-ToolTips/srcview/index.html    |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   58 +-
 .../srcview/source/sample1.mxml.html            |  102 +-
 .../flex4.0/Sample-Adobe-Tree/sample1.html      |   58 +-
 .../Sample-Adobe-Tree/srcview/SourceIndex.xml   |   38 +-
 .../Sample-Adobe-Tree/srcview/SourceStyles.css  |  278 ++--
 .../Sample-Adobe-Tree/srcview/SourceTree.html   |  226 +--
 .../Sample-Adobe-Tree/srcview/index.html        |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/Tree.png.html   |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  116 +-
 .../srcview/source/sample1.mxml.html            |  146 +-
 .../flex4.0/Sample-Adobe-Validator/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-Validator/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  136 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  168 +--
 .../Sample-Adobe-VideoDisplay/sample1.html      |  210 +--
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/sample1.mxml.html            |   96 +-
 .../flex4.0/Sample-Adobe-ViewStack/sample1.html |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../Sample-Adobe-ViewStack/srcview/index.html   |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/ViewStack.png.html      |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  136 +-
 .../srcview/source/sample1.mxml.html            |  210 +--
 .../Sample-Adobe-ZipCodeFormatter/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../source/final-sample/formattericon.png.html  |   24 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |  118 +-
 .../srcview/source/sample1.mxml.html            |  152 +-
 .../Sample-Adobe-ZipCodeValidator/sample1.html  |   58 +-
 .../srcview/SourceIndex.xml                     |   38 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../srcview/index.html                          |   32 +-
 .../source/TDFGradientBackgroundSkin.mxml.html  |   82 +-
 .../srcview/source/final-sample/sample1.html    |   58 +-
 .../source/final-sample/sample1.mxml.html       |   74 +-
 .../source/final-sample/validatoricon.png.html  |   24 +-
 .../srcview/source/sample1.mxml.html            |  112 +-
 .../flex4.0/ScrollBars/sample.html              |  210 +--
 .../flex4.0/SkinnableDataContainer/sample.html  |  210 +--
 .../flex4.0/TLF/TextLayoutEditorSample.html     |  210 +--
 .../source/TextLayoutEditorCanvas.mxml.html     |  858 +++++------
 .../source/TextLayoutEditorSample.mxml.html     |   36 +-
 .../flashx/textLayout/ui/MultiPanel.as.html     |  374 ++---
 .../textLayout/ui/MultiPanelHeaderSkin.as.html  |  100 +-
 .../textLayout/ui/PanelWithEdgeBars.as.html     |  516 +++----
 .../AdvancedTextPropertyEditor.as.html          |  364 ++---
 .../inspectors/AntiAliasPropertyEditor.as.html  |   86 +-
 .../inspectors/CharacterPropertyEditor.as.html  |  342 ++---
 .../DynamicTextPropertyEditor.as.html           |  132 +-
 .../ui/inspectors/LinkPropertyEditor.as.html    |   84 +-
 .../inspectors/ParagraphPropertyEditor.as.html  |  436 +++---
 .../ui/inspectors/SelectionUpdateEvent.as.html  |   66 +-
 .../ui/inspectors/TabPropertyEditor.as.html     |  112 +-
 .../TextContainerPropertyEditor.as.html         |  286 ++--
 .../inspectors/TextFlowPropertyEditor.as.html   |  126 +-
 .../inspectors/TextInspectorController.as.html  | 1214 +++++++--------
 .../ui/rulers/ParagraphPropertyMarker.as.html   |  180 +--
 .../rulers/ParagraphPropertyMarkerSkin.as.html  |  192 +--
 .../textLayout/ui/rulers/RulerBar.as.html       | 1328 ++++++++---------
 .../ui/rulers/RulerDragTracker.as.html          |  160 +-
 .../textLayout/ui/rulers/RulerMarker.as.html    |  232 +--
 .../textEditBar/FeatureSetChangeEvent.as.html   |   70 +-
 .../source/textEditBar/FileEvent.as.html        |   70 +-
 .../source/textEditBar/FileIOHelper.as.html     |  500 +++----
 .../source/textEditBar/FileServices.mxml.html   |  174 +--
 .../source/textEditBar/GraphicBar.mxml.html     |  288 ++--
 .../textEditBar/GraphicChangeEvent.as.html      |  108 +-
 .../source/textEditBar/LinkBar.mxml.html        |  298 ++--
 .../source/textEditBar/LinkChangeEvent.as.html  |   88 +-
 .../textEditBar/SingleContainerView.mxml.html   |  142 +-
 .../source/textEditBar/SpriteWithIME.as.html    |  166 +--
 .../source/textEditBar/StatusPopup.mxml.html    |   58 +-
 .../source/textEditBar/StyleChangeEvent.as.html |   78 +-
 .../TLF/srcview/src/TextLayoutEditorCanvas.mxml |  840 +++++------
 .../TLF/srcview/src/TextLayoutEditorSample.mxml |   22 +-
 .../srcview/src/flashx/textLayout/UiClasses.as  |   72 +-
 .../src/flashx/textLayout/ui/MultiPanel.as      |  376 ++---
 .../textLayout/ui/MultiPanelHeaderSkin.as       |   78 +-
 .../flashx/textLayout/ui/PanelWithEdgeBars.as   |  494 +++----
 .../flashx/textLayout/ui/VellumGUIStyles.css    |  476 +++---
 .../ui/inspectors/AdvancedTextPropertyEditor.as |  342 ++---
 .../ui/inspectors/AntiAliasPropertyEditor.as    |   64 +-
 .../ui/inspectors/CharacterPropertyEditor.as    |  320 ++--
 .../ui/inspectors/DynamicTextPropertyEditor.as  |  110 +-
 .../ui/inspectors/LinkPropertyEditor.as         |   62 +-
 .../ui/inspectors/ParagraphPropertyEditor.as    |  414 +++---
 .../ui/inspectors/SelectionUpdateEvent.as       |   44 +-
 .../ui/inspectors/TabPropertyEditor.as          |   90 +-
 .../inspectors/TextContainerPropertyEditor.as   |  264 ++--
 .../ui/inspectors/TextFlowPropertyEditor.as     |  104 +-
 .../ui/inspectors/TextInspectorController.as    | 1192 +++++++--------
 .../ui/rulers/ParagraphPropertyMarker.as        |  158 +-
 .../ui/rulers/ParagraphPropertyMarkerSkin.as    |  170 +--
 .../src/flashx/textLayout/ui/rulers/RulerBar.as | 1306 ++++++++--------
 .../textLayout/ui/rulers/RulerDragTracker.as    |  138 +-
 .../flashx/textLayout/ui/rulers/RulerMarker.as  |  210 +--
 .../flashx/textLayout/ui/rulers/TabMarker.as    |  134 +-
 .../textLayout/ui/rulers/TabMarkerSkin.as       |  150 +-
 .../textLayout/ui/styles/PopupMenuSkin.as       |  104 +-
 .../ui/styles/ScrollbarDownArrowUpSkin.as       |   52 +-
 .../ui/styles/ScrollbarThumbOverSkin.as         |  140 +-
 .../ui/styles/ScrollbarThumbUpSkin.as           |  140 +-
 .../textLayout/ui/styles/ScrollbarTrackSkin.as  |   98 +-
 .../ui/styles/ScrollbarUpArrowUpSkin.as         |   52 +-
 .../src/textEditBar/FeatureSetChangeEvent.as    |   48 +-
 .../TLF/srcview/src/textEditBar/FileEvent.as    |   48 +-
 .../TLF/srcview/src/textEditBar/FileIOHelper.as |  500 +++----
 .../srcview/src/textEditBar/FileServices.mxml   |  156 +-
 .../TLF/srcview/src/textEditBar/GraphicBar.mxml |  270 ++--
 .../src/textEditBar/GraphicChangeEvent.as       |   86 +-
 .../TLF/srcview/src/textEditBar/LinkBar.mxml    |  280 ++--
 .../srcview/src/textEditBar/LinkChangeEvent.as  |   66 +-
 .../src/textEditBar/SingleContainerView.mxml    |  124 +-
 .../srcview/src/textEditBar/SpriteWithIME.as    |  166 +--
 .../srcview/src/textEditBar/StatusPopup.mxml    |   42 +-
 .../srcview/src/textEditBar/StyleChangeEvent.as |   54 +-
 .../flex4.0/TextArea/sample.html                |  210 +--
 .../flex4.0/TextInput/main.html                 |  208 +--
 .../flex4.0/TextInput/sample.html               |  208 +--
 .../TextLayoutFrameworkBasic/sample1.html       |  210 +--
 .../TextLayoutFrameworkBasic/sample2.html       |  210 +--
 .../TextLayoutFrameworkBasic/sample3.html       |  210 +--
 .../TextLayoutFrameworkBasic/sample4.html       |  210 +--
 .../flex4.0/TileGroup/TileGroupSample.html      |  210 +--
 .../TourDeFlex_content/flex4.0/Wipe/sample.html |  210 +--
 .../SparkCollator/SparkCollator.html            |  216 +--
 .../SparkCollator/srcview/.fxpProperties        |   22 +-
 .../SparkCollator/srcview/SourceIndex.xml       |   52 +-
 .../SparkCollator/srcview/SourceStyles.css      |  278 ++--
 .../SparkCollator/srcview/SourceTree.html       |  226 +--
 .../srcview/source/SparkCollator.mxml.html      |  308 ++--
 .../srcview/src/SparkCollator.mxml              |  296 ++--
 .../SparkCollator_basic/SparkCollator2.html     |  216 +--
 .../SparkCollator_basic/srcview/.fxpProperties  |   22 +-
 .../SparkCollator_basic/srcview/SourceIndex.xml |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../SparkCollator_basic/srcview/SourceTree.html |  226 +--
 .../srcview/source/SparkCollator2.mxml.html     |  184 +--
 .../srcview/src/SparkCollator2.mxml             |  166 +--
 .../SparkCurrencyFormatter.html                 |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkCurrencyFormatter.mxml.html     |  204 +--
 .../srcview/src/SparkCurrencyFormatter.mxml     |  188 +--
 .../SparkCurrencyFormatter2.html                |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkCurrencyFormatter2.mxml.html    |  124 +-
 .../srcview/src/SparkCurrencyFormatter2.mxml    |  106 +-
 .../SparkCurrencyValidator.html                 |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkCurrencyValidator.mxml.html     |  232 +--
 .../srcview/src/SparkCurrencyValidator.mxml     |  214 +--
 .../SparkCurrencyValidator2.html                |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkCurrencyValidator2.mxml.html    |  124 +-
 .../srcview/src/SparkCurrencyValidator2.mxml    |  106 +-
 .../SparkDateTimeFormatter.html                 |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkDateTimeFormatter.mxml.html     |  182 +--
 .../srcview/src/SparkDateTimeFormatter.mxml     |  166 +--
 .../SparkDateTimeFormatter2.html                |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkDateTimeFormatter2.mxml.html    |  128 +-
 .../srcview/src/SparkDateTimeFormatter2.mxml    |  110 +-
 .../SparkNumberFormatter.html                   |  216 +--
 .../SparkNumberFormatter/srcview/.fxpProperties |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkNumberFormatter.mxml.html       |  174 +--
 .../srcview/src/SparkNumberFormatter.mxml       |  158 +-
 .../SparkNumberFormatter2.html                  |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkNumberFormatter2.mxml.html      |  120 +-
 .../srcview/src/SparkNumberFormatter2.mxml      |  102 +-
 .../SparkNumberValidator.html                   |  216 +--
 .../SparkNumberValidator/srcview/.fxpProperties |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkNumberValidator.mxml.html       |  188 +--
 .../srcview/src/SparkNumberValidator.mxml       |  172 +--
 .../SparkNumberValidator2.html                  |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkNumberValidator2.mxml.html      |  122 +-
 .../srcview/src/SparkNumberValidator2.mxml      |  104 +-
 .../SparkSortandSortField.html                  |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkSortandSortField.mxml.html      |  226 +--
 .../srcview/src/SparkSortandSortField.mxml      |  208 +--
 .../SparkSortandSortField2.html                 |  216 +--
 .../srcview/.fxpProperties                      |   22 +-
 .../srcview/SourceIndex.xml                     |   52 +-
 .../srcview/SourceStyles.css                    |  278 ++--
 .../srcview/SourceTree.html                     |  226 +--
 .../source/SparkSortandSortField2.mxml.html     |  144 +-
 .../srcview/src/SparkSortandSortField2.mxml     |  128 +-
 .../SparkStringTools/SparkStringTools.html      |  216 +--
 .../SparkStringTools/srcview/.fxpProperties     |   22 +-
 .../SparkStringTools/srcview/SourceIndex.xml    |   52 +-
 .../SparkStringTools/srcview/SourceStyles.css   |  278 ++--
 .../SparkStringTools/srcview/SourceTree.html    |  226 +--
 .../srcview/source/SparkStringTools.mxml.html   |  226 +--
 .../srcview/src/SparkStringTools.mxml           |  212 +--
 .../flex4.5samples/HeroDataGrid/sample.html     |  216 +--
 .../HeroDataGrid/srcview/SourceIndex.xml        |   64 +-
 .../HeroDataGrid/srcview/SourceStyles.css       |  278 ++--
 .../HeroDataGrid/srcview/SourceTree.html        |  226 +--
 .../srcview/source/CustomDataGridSkin.mxml.html |  408 ++---
 .../srcview/source/CustomRenderer.mxml.html     |  108 +-
 .../source/CustomRendererPrepare.mxml.html      |  120 +-
 .../srcview/source/CustomSkin.mxml.html         |   62 +-
 .../srcview/source/SimpleColumns.mxml.html      |   82 +-
 .../srcview/source/SimpleNoWrap.mxml.html       |   58 +-
 .../srcview/source/Sizing.mxml.html             |   78 +-
 .../srcview/source/sample.mxml.html             |   80 +-
 .../srcview/src/CustomDataGridSkin.mxml         |  388 ++---
 .../srcview/src/CustomRenderer.mxml             |   86 +-
 .../srcview/src/CustomRendererPrepare.mxml      |   98 +-
 .../HeroDataGrid/srcview/src/CustomSkin.mxml    |   40 +-
 .../HeroDataGrid/srcview/src/SimpleColumns.mxml |   60 +-
 .../HeroDataGrid/srcview/src/SimpleNoWrap.mxml  |   36 +-
 .../HeroDataGrid/srcview/src/Sizing.mxml        |   56 +-
 .../HeroDataGrid/srcview/src/sample.mxml        |   58 +-
 .../HeroDataPaging/DataPaging.html              |  216 +--
 .../HeroDataPaging/srcview/SourceIndex.xml      |   52 +-
 .../HeroDataPaging/srcview/SourceStyles.css     |  278 ++--
 .../HeroDataPaging/srcview/SourceTree.html      |  226 +--
 .../srcview/source/DataPaging.mxml.html         |  144 +-
 .../srcview/source/PagedList.as.html            | 1006 ++++++-------
 .../HeroDataPaging/srcview/src/DataPaging.mxml  |  122 +-
 .../HeroDataPaging/srcview/src/PagedList.as     |  984 ++++++-------
 .../HeroDataPaging_old/DataPaging.html          |  216 +--
 .../HeroDataPaging/DataPaging.html              |  216 +--
 .../HeroDataPaging/srcview/SourceIndex.xml      |   52 +-
 .../HeroDataPaging/srcview/SourceStyles.css     |  278 ++--
 .../HeroDataPaging/srcview/SourceTree.html      |  226 +--
 .../srcview/source/DataPaging.mxml.html         |  144 +-
 .../srcview/source/PagedList.as.html            | 1006 ++++++-------
 .../HeroDataPaging/srcview/src/DataPaging.mxml  |  122 +-
 .../HeroDataPaging/srcview/src/PagedList.as     |  984 ++++++-------
 .../HeroDataPaging_old/srcview/SourceIndex.xml  |   52 +-
 .../HeroDataPaging_old/srcview/SourceStyles.css |  278 ++--
 .../HeroDataPaging_old/srcview/SourceTree.html  |  226 +--
 .../srcview/source/DataPaging.mxml.html         |  144 +-
 .../srcview/source/PagedList.as.html            | 1006 ++++++-------
 .../srcview/source/bin-release1/DataPaging.html |  216 +--
 .../bin-release1/srcview/SourceIndex.xml.txt    |   52 +-
 .../bin-release1/srcview/SourceStyles.css.html  |  300 ++--
 .../source/bin-release1/srcview/SourceTree.html |  226 +--
 .../srcview/source/DataPaging.mxml.html         |   22 +-
 .../srcview/source/PagedList.as.html            |   22 +-
 .../SparkForm/SampleSimpleForm.html             |  216 +--
 .../SparkForm/srcview/SourceIndex.xml           |   60 +-
 .../SparkForm/srcview/SourceStyles.css          |  278 ++--
 .../SparkForm/srcview/SourceTree.html           |  226 +--
 .../srcview/source/SampleHelpForm.mxml.html     |   72 +-
 .../srcview/source/SampleSequenceForm.mxml.html |   58 +-
 .../srcview/source/SampleSimpleForm.mxml.html   |   60 +-
 .../srcview/source/SampleStackedForm.mxml.html  |   60 +-
 .../SparkForm/srcview/src/SampleHelpForm.mxml   |   50 +-
 .../srcview/src/SampleSequenceForm.mxml         |   36 +-
 .../SparkForm/srcview/src/SampleSimpleForm.mxml |   38 +-
 .../srcview/src/SampleStackedForm.mxml          |   38 +-
 .../flex4.5samples/SparkFormatters/sample.html  |  216 +--
 .../SparkFormatters/srcview/SourceIndex.xml     |   54 +-
 .../SparkFormatters/srcview/SourceStyles.css    |  278 ++--
 .../SparkFormatters/srcview/SourceTree.html     |  226 +--
 .../srcview/source/sample.mxml.html             |  102 +-
 .../SparkFormatters/srcview/src/sample.mxml     |   80 +-
 .../flex4.5samples/SparkOSMF/sample.html        |  216 +--
 .../SparkOSMF/srcview/SourceIndex.xml           |   50 +-
 .../SparkOSMF/srcview/SourceStyles.css          |  278 ++--
 .../SparkOSMF/srcview/SourceTree.html           |  226 +--
 .../SparkOSMF/srcview/source/sample.mxml.html   |   40 +-
 .../SparkOSMF/srcview/src/sample.mxml           |   18 +-
 .../mobile/SampleAccelerometer.mxml.html        |  156 +-
 .../SampleAccelerometer.mxml.html               |  156 +-
 .../mobile/SampleAccelerometer/main.mxml.html   |   42 +-
 .../SampleBackMenuSearchEvent.mxml.html         |  170 +--
 .../SampleBackMenuSearchEvent/main.mxml.html    |   42 +-
 .../SampleBusyIndicator.mxml.html               |   50 +-
 .../mobile/SampleBusyIndicator/main.mxml.html   |   42 +-
 .../SampleCSSMediaQueries.mxml.html             |   94 +-
 .../mobile/SampleCSSMediaQueries/main.mxml.html |   42 +-
 .../SampleCacheImageFile.mxml.html              |  234 +--
 .../mobile/SampleCacheImageFile/main.mxml.html  |   42 +-
 .../mobile/SampleCamera/SampleCamera-app.txt    |   16 +-
 .../mobile/SampleCamera/SampleCamera.mxml.html  |  188 +--
 .../mobile/SampleCamera/main.mxml.html          |   42 +-
 .../SampleCameraCapture.mxml.html               |  164 +--
 .../mobile/SampleCameraCapture/main.mxml.html   |   42 +-
 .../SampleCameraRoll/SampleCameraRoll.mxml.html |  136 +-
 .../mobile/SampleCameraRoll/main.mxml.html      |   42 +-
 .../ContextMenuPanelSkin.mxml.html              |  546 +++----
 .../SampleContextMenu.mxml.html                 |  250 ++--
 .../mobile/SampleContextMenu/images_cm.html     |   40 +-
 .../mobile/SampleContextMenu/main.mxml.html     |   42 +-
 .../SampleFullScreen/SampleFullScreen.mxml.html |   74 +-
 .../mobile/SampleFullScreen/main.mxml.html      |   42 +-
 .../SampleGeolocation.mxml.html                 |  172 +--
 .../SampleGeolocationInfo-app.txt               |   14 +-
 .../mobile/SampleGeolocation/main.mxml.html     |   42 +-
 .../SampleGesture/SampleGesture.mxml.html       |  172 +--
 .../assets/launchpad_butterfly.jpg.html         |   24 +-
 .../mobile/SampleGesture/images_gesture.html    |   28 +-
 .../mobile/SampleGesture/images_maa.html        |   28 +-
 .../mobile/SampleGesture/main.mxml.html         |   42 +-
 .../SampleHTMLContent.mxml.html                 |  130 +-
 .../mobile/SampleHTMLContent/main.mxml.html     |   42 +-
 .../SampleMicrophone/SampleMicrophone-app.txt   |   16 +-
 .../SampleMicrophone/SampleMicrophone.mxml.html |  330 ++---
 .../mobile/SampleMicrophone/main.mxml.html      |   42 +-
 .../SampleMobileAppAnatomy.mxml.html            |  190 +--
 .../SampleMobileAppAnatomy/main.mxml.html       |   50 +-
 .../SampleMultiDPIBitmapSource.mxml.html        |   90 +-
 .../SampleMultitouch.mxml.html                  |  290 ++--
 .../SampleMultiDPIBitmapSource/images_cm.html   |   36 +-
 .../SampleMultiDPIBitmapSource/images_maa.html  |   28 +-
 .../SampleMultiDPIBitmapSource/main.mxml.html   |   42 +-
 .../SampleMultitouch/SampleMultitouch.mxml.html |  290 ++--
 .../mobile/SampleMultitouch/main.mxml.html      |   42 +-
 .../SampleNetworkInfo/SampleNetworkInfo-app.txt |   18 +-
 .../SampleNetworkInfo.mxml.html                 |  110 +-
 .../mobile/SampleNetworkInfo/main.mxml.html     |   42 +-
 .../SampleRotateScreen.mxml.html                |  122 +-
 .../mobile/SampleRotateScreen/main.mxml.html    |   42 +-
 .../mobile/SampleSMS/SampleSMS.mxml.html        |  102 +-
 .../mobile/SampleSMS/main.mxml.html             |   42 +-
 .../SampleSimpleDB/SampleSimpleDB.mxml.html     |  142 +-
 .../mobile/SampleSimpleDB/main.mxml.html        |   42 +-
 .../MyPopupComponent.mxml.html                  |   42 +-
 .../MyPopupSkin.mxml.html                       |  158 +-
 .../PopUpContainer.mxml.html                    |   90 +-
 .../SampleAlertmain.mxml.html                   |   42 +-
 .../SimpleAlertView.mxml.html                   |   72 +-
 .../main.mxml.html                              |   42 +-
 .../SampleViewMenu/MyPopupComponent.mxml.html   |   42 +-
 .../MyPopupComponentSkin.mxml.html              |  200 +--
 .../mobile/SampleViewMenu/MyVMItemSkin.as.html  |  342 ++---
 .../SampleViewMenu/MyViewMenuSkin.mxml.html     |  242 +--
 .../mobile/SampleViewMenu/ViewMenu.mxml.html    |   54 +-
 .../SampleViewMenu/ViewMenuHome.mxml.html       |  152 +-
 .../SampleViewTransitions/SampleFade.mxml.html  |  120 +-
 .../SampleViewTransitions/SampleFlip.mxml.html  |  188 +--
 .../SampleViewTransitions/SampleSlide.mxml.html |  194 +--
 .../SampleViewTransitions/SampleView.mxml.html  |  114 +-
 .../SampleViewTransitions/SampleZoom.mxml.html  |  156 +-
 .../ViewTransitions.mxml.html                   |   48 +-
 .../ViewTransitionsHomeView.mxml.html           |  106 +-
 .../SampleViewTransitions/fademain.mxml.html    |   42 +-
 .../SampleViewTransitions/flipmain.mxml.html    |   42 +-
 .../SampleViewTransitions/slidemain.mxml.html   |   42 +-
 .../SampleViewTransitions/zoommain.mxml.html    |   42 +-
 .../flex4.5samples/mobile/SourceStyles.css      |  278 ++--
 .../flex4.6samples/Callout/Callout.mxml.html    |   60 +-
 .../flex4.6samples/Callout/main.mxml.html       |   38 +-
 .../CalloutButton/CalloutButton.mxml.html       |  120 +-
 .../flex4.6samples/CalloutButton/main.mxml.html |   38 +-
 .../DateSpinner/DateSpinner.mxml.html           |   82 +-
 .../flex4.6samples/DateSpinner/main.mxml.html   |   38 +-
 .../SoftKeyboardOptions.mxml.html               |  178 +--
 .../SoftKeyboardOptions/main.mxml.html          |   38 +-
 .../flex4.6samples/SourceStyles.css             |  278 ++--
 .../SpinnerList/SpinnerList.mxml.html           |   94 +-
 .../flex4.6samples/SpinnerList/main.mxml.html   |   38 +-
 .../SplitViewNavigator/LeftView.mxml.html       |   76 +-
 .../SplitViewNavigator/RightView.mxml.html      |   36 +-
 .../SplitViewNavigator.mxml.html                |   42 +-
 .../SplitViewNavigator/readme.html              |   30 +-
 .../ToggleSwitch/ToggleSwitch.mxml.html         |   66 +-
 .../flex4.6samples/ToggleSwitch/main.mxml.html  |   38 +-
 .../flex4.6samples/readme.html                  |   52 +-
 .../BidirectionalBinding/sample.html            |  204 +--
 .../BidirectionalBinding/sample2.html           |  204 +--
 .../ControllingViewport/sample.html             |  208 +--
 .../CustomItemRenderer/sample.html              |  208 +--
 .../Layout Mirroring/dashboard.html             |  216 +--
 .../Layout Mirroring/drawSample.html            |  216 +--
 .../Layout Mirroring/textInput.html             |  216 +--
 .../Using States with Transitions/sample.html   |  204 +--
 .../Effects/AnimateProperties/Sample.html       |  210 +--
 .../Effects/AnimateTransform-Bounce/sample.html |  208 +--
 .../flex4samples/Effects/CrossFade/sample.html  |  210 +--
 .../flex4samples/Effects/Fade/sample.html       |  210 +--
 .../flex4samples/Effects/Rotate3D/sample.html   |  208 +--
 .../flex4samples/Effects/Scale3D/sample.html    |  208 +--
 .../flex4samples/Effects/effects-readme.html    |   34 +-
 .../EllipseTransformExample.html                |  208 +--
 .../EllipseTransformExample.mxml                |   96 +-
 .../DropShadowGraphicExample.html               |  208 +--
 .../source/DropShadowGraphicExample.mxml.html   |   94 +-
 .../srcview/src/DropShadowGraphicExample.mxml   |   96 +-
 .../EllipseTransformExample.html                |  208 +--
 .../source/EllipseTransformExample.mxml.html    |  110 +-
 .../srcview/src/EllipseTransformExample.mxml    |  112 +-
 .../LinearGradientsSpreadMethodExample.html     |  208 +--
 ...LinearGradientsSpreadMethodExample.mxml.html |   88 +-
 .../src/LinearGradientsSpreadMethodExample.mxml |   90 +-
 .../Graphics/StaticFXG/StaticFXG_Sample.html    |  208 +--
 .../srcview/source/OrangeCrayonStar.fxg         |   56 +-
 .../srcview/source/StaticFXG_Sample.mxml.html   |   64 +-
 .../StaticFXG/srcview/src/OrangeCrayonStar.fxg  |   56 +-
 .../StaticFXG/srcview/src/StaticFXG_Sample.mxml |   66 +-
 .../flex4samples/Graphics/fxg-readme.html       |   24 +-
 .../GroupsAndContainers/Border/sample.html      |  210 +--
 .../GroupsAndContainers/Group/sample.html       |  208 +--
 .../GroupsAndContainers/Panel/sample.html       |  210 +--
 .../TabbedNavigator/sample1.html                |  210 +--
 .../TabbedNavigator/sample2.html                |  210 +--
 .../groups-containers-readme.html               |   42 +-
 .../Skinning/ButtonWithIcon/sample1.html        |  208 +--
 .../Skinning/SkinningApplication/sample.html    |  210 +--
 .../Skinning/SkinningApplication/sample2.html   |  210 +--
 .../Skinning/SkinningApplication/sample3.html   |  210 +--
 .../Skinning/SkinningContainer/sample.html      |  210 +--
 .../flex4samples/Skinning/skinning-readme.html  |   32 +-
 .../flex4samples/Styles/IDSelector/sample.html  |  210 +--
 .../flex4samples/Styles/readme.html             |   34 +-
 .../UIControls/Buttons/Button/sample.html       |  204 +--
 .../UIControls/Buttons/ButtonBar/sample.html    |  204 +--
 .../UIControls/Buttons/PopUpAnchor/sample.html  |  210 +--
 .../UIControls/Buttons/PopUpAnchor/sample2.html |  210 +--
 .../UIControls/Buttons/ToggleButton/sample.html |  208 +--
 .../DataEntryControls/CheckBox/sample.html      |  208 +--
 .../DataEntryControls/DropDownList/sample.html  |  210 +--
 .../NumericStepper/sample.html                  |  208 +--
 .../DataEntryControls/RadioButton/sample.html   |  208 +--
 .../DataEntryControls/ToggleButton/sample.html  |  208 +--
 .../OtherControls/ScrollBar/sample.html         |  208 +--
 .../OtherControls/Scroller/sample1.html         |  208 +--
 .../OtherControls/Scroller/sample2.html         |  208 +--
 .../UIControls/OtherControls/Slider/sample.html |  210 +--
 .../OtherControls/Spinner/sample.html           |  210 +--
 .../OtherControls/VideoPlayer/sample1.html      |  208 +--
 .../TreeListAndGridControls/List/sample.html    |  208 +--
 .../flex4samples/flex4-readme-new.html          |   78 +-
 .../flex4samples/flex4-readme-new_cn.html       |   74 +-
 .../flex4samples/flex4-readme.html              |   76 +-
 .../SampleAccelerometer.mxml.html               |  158 +-
 .../SampleAccelerometer/main.mxml.html          |   42 +-
 .../SampleBackMenuSearchEvent.mxml.html         |  140 +-
 .../SampleCameraCapture.mxml.html               |  166 +--
 .../SampleBackMenuSearchEvent/main.mxml.html    |   42 +-
 .../SampleCamera/SampleCamera-app.txt           |   16 +-
 .../SampleCamera/SampleCamera.mxml.html         |   98 +-
 .../flexmobile/SampleCamera/main.mxml.html      |   42 +-
 .../SampleCameraCapture.mxml.html               |  164 +--
 .../SampleCameraCapture/main.mxml.html          |   42 +-
 .../SampleCameraRoll/SampleCameraRoll.mxml.html |  148 +-
 .../flexmobile/SampleCameraRoll/main.mxml.html  |   42 +-
 .../ContextMenuPanelSkin.mxml.html              |  546 +++----
 .../SampleContextMenu.mxml.html                 |  250 ++--
 .../flexmobile/SampleContextMenu/images_cm.html |   40 +-
 .../flexmobile/SampleContextMenu/main.mxml.html |   42 +-
 .../SampleFullScreen/SampleFullScreen.mxml.html |   80 +-
 .../flexmobile/SampleFullScreen/main.mxml.html  |   42 +-
 .../SampleGeolocation.mxml.html                 |  166 +--
 .../flexmobile/SampleGeolocation/main.mxml.html |   42 +-
 .../SampleGesture/SampleGesture.mxml.html       |  174 +--
 .../SampleGesture/images_gesture.html           |   28 +-
 .../flexmobile/SampleGesture/main.mxml.html     |   42 +-
 .../SampleHTMLContent.mxml.html                 |  128 +-
 .../flexmobile/SampleHTMLContent/main.mxml.html |   42 +-
 .../SampleMicrophone/SampleMicrophone-app.txt   |   16 +-
 .../SampleMicrophone/SampleMicrophone.mxml.html |  326 ++--
 .../flexmobile/SampleMicrophone/main.mxml.html  |   42 +-
 .../SampleMobileAppAnatomy.mxml.html            |  194 +--
 .../SampleMobileAppAnatomy/images_maa.html      |   28 +-
 .../SampleMobileAppAnatomy/main.mxml.html       |   50 +-
 .../SampleMultitouch/SampleMultitouch.mxml.html |  288 ++--
 .../flexmobile/SampleMultitouch/main.mxml.html  |   42 +-
 .../SampleNetworkInfo/SampleNetworkInfo-app.txt |   18 +-
 .../SampleNetworkInfo/SampleNetworkInfo-app.xml |   20 +-
 .../SampleNetworkInfo.mxml.html                 |  124 +-
 .../flexmobile/SampleNetworkInfo/main.mxml.html |   42 +-
 .../SampleRotateScreen.mxml.html                |  116 +-
 .../SampleRotateScreen/main.mxml.html           |   42 +-
 .../flexmobile/SampleSMS/SampleSMS.mxml.html    |  100 +-
 .../flexmobile/SampleSMS/main.mxml.html         |   42 +-
 .../SampleSimpleDB/SampleSimpleDB.mxml.html     |  142 +-
 .../flexmobile/SampleSimpleDB/main.mxml.html    |   42 +-
 .../flexmobile/SourceStyles.css                 |  278 ++--
 .../FlexGrocer/.fxpProperties                   |   22 +-
 .../FlexGrocer_1/.fxpProperties                 |   22 +-
 .../FlexGrocer_2/.fxpProperties                 |   22 +-
 .../FlexGrocer_3/.fxpProperties                 |   22 +-
 .../remotesamples/AlexUhlmann/README_cn.html    |   10 +-
 .../source/SimpleFlipTransition.mxml.html       |  106 +-
 .../srcview/source/SimpleManualFlip.mxml.html   |  136 +-
 .../srcview/source/ViewStack3D.mxml.html        |   56 +-
 .../com/adobe/ac/controls/ViewStack3D.as.html   |  124 +-
 .../source/distortion/ButtonSkin3D.as.html      |   62 +-
 .../source/distortion/DistortionLab.mxml.html   |  792 +++++-----
 .../source/distortion/SimpleFlip.mxml.html      |   78 +-
 .../distortion/SimpleFlipHideEffect.mxml.html   |   60 +-
 .../distortion/SimpleFlipTransition.mxml.html   |  106 +-
 .../distortion/SimpleManualFlip.mxml.html       |  136 +-
 .../srcview/source/distortion/Skins3D.mxml.html |   38 +-
 .../source/distortion/ViewStack3D.mxml.html     |   58 +-
 .../source/view/distortion/ButtonSkin3D.as.html |   62 +-
 .../view/distortion/DistortionLab.mxml.html     |  792 +++++-----
 .../source/view/distortion/SimpleFlip.mxml.html |   78 +-
 .../distortion/SimpleFlipHideEffect.mxml.html   |   60 +-
 .../distortion/SimpleFlipTransition.mxml.html   |  106 +-
 .../view/distortion/SimpleManualFlip.mxml.html  |  136 +-
 .../source/view/distortion/Skins3D.mxml.html    |   38 +-
 .../view/distortion/ViewStack3D.mxml.html       |   58 +-
 .../source/view/sides/Calendar.mxml.html        |   16 +-
 .../srcview/source/view/sides/Login.mxml.html   |   58 +-
 .../source/view/sides/ProductList.mxml.html     |   28 +-
 .../source/view/sides/QuickSearch.mxml.html     |   42 +-
 .../source/view/sides/Registration.mxml.html    |   76 +-
 .../srcview/source/view/sides/Search.mxml.html  |   64 +-
 .../srcview/src/SimpleFlipTransition.mxml       |  106 +-
 .../srcview/src/SimpleManualFlip.mxml           |  138 +-
 .../AlexUhlmann/srcview/src/ViewStack3D.mxml    |   58 +-
 .../src/com/adobe/ac/controls/ViewStack3D.as    |  124 +-
 .../srcview/src/distortion/ButtonSkin3D.as      |   62 +-
 .../srcview/src/distortion/DistortionLab.mxml   |  792 +++++-----
 .../srcview/src/distortion/SimpleFlip.mxml      |   78 +-
 .../src/distortion/SimpleFlipHideEffect.mxml    |   60 +-
 .../src/distortion/SimpleFlipTransition.mxml    |  106 +-
 .../src/distortion/SimpleManualFlip.mxml        |  138 +-
 .../srcview/src/distortion/Skins3D.mxml         |   40 +-
 .../srcview/src/distortion/ViewStack3D.mxml     |   60 +-
 .../srcview/src/view/distortion/ButtonSkin3D.as |   62 +-
 .../src/view/distortion/DistortionLab.mxml      |  792 +++++-----
 .../srcview/src/view/distortion/SimpleFlip.mxml |   78 +-
 .../view/distortion/SimpleFlipHideEffect.mxml   |   60 +-
 .../view/distortion/SimpleFlipTransition.mxml   |  106 +-
 .../src/view/distortion/SimpleManualFlip.mxml   |  138 +-
 .../srcview/src/view/distortion/Skins3D.mxml    |   40 +-
 .../src/view/distortion/ViewStack3D.mxml        |   60 +-
 .../srcview/src/view/sides/Calendar.mxml        |   16 +-
 .../srcview/src/view/sides/Login.mxml           |   58 +-
 .../srcview/src/view/sides/ProductList.mxml     |   28 +-
 .../srcview/src/view/sides/QuickSearch.mxml     |   42 +-
 .../srcview/src/view/sides/Registration.mxml    |   76 +-
 .../srcview/src/view/sides/Search.mxml          |   64 +-
 .../remotesamples/Amazon/main.html              |   62 +-
 .../remotesamples/Amazon/main.mxml.html         |  168 +--
 .../remotesamples/Cocomo/main.html              |   62 +-
 .../remotesamples/Cocomo/main.mxml.html         |  294 ++--
 .../readme.html                                 |   26 +-
 .../Async-Message-Filtering/readme.html         |   24 +-
 .../Client-Level-Data-Throttling/readme.html    |   26 +-
 .../Custom-Authentication/readme.html           |   26 +-
 .../DataManagementOnlineResources.html          |   56 +-
 .../readme.html                                 |   26 +-
 .../DataAccess/OnlineResources.html             |   68 +-
 .../DataAccess/ReliableMessaging/readme.html    |   36 +-
 .../remotesamples/DataAccess/chat/chat.html     |  124 +-
 .../remotesamples/DataAccess/chat/main.css      |  242 +--
 .../remotesamples/DataAccess/chat/readme.html   |    6 +-
 .../DataAccess/chat/readme_cn.html              |    6 +-
 .../DataAccess/chat/srcview/SourceIndex.xml     |   22 +-
 .../DataAccess/chat/srcview/SourceStyles.css    |  260 ++--
 .../DataAccess/chat/srcview/SourceTree.html     |  242 +--
 .../DataAccess/chat/srcview/index.html          |   32 +-
 .../chat/srcview/source/chat.mxml.html          |  154 +-
 .../chat/srcview/source/main.css.html           |  264 ++--
 .../srcview/source/messaging-config.xml.txt     |  192 +--
 .../DataAccess/chat/srcview/source/readme.html  |    6 +-
 .../DataAccess/chat/srcview/src/chat.mxml       |  102 +-
 .../DataAccess/chat/srcview/src/main.css        |  242 +--
 .../DataAccess/chat/srcview/src/readme.html     |    6 +-
 .../DataAccess/chat_channels/chat_channels.html |  122 +-
 .../chat_channels/srcview/SourceIndex.xml       |   18 +-
 .../chat_channels/srcview/SourceStyles.css      |  260 ++--
 .../chat_channels/srcview/SourceTree.html       |  242 +--
 .../DataAccess/chat_channels/srcview/index.html |   32 +-
 .../srcview/source/chat_channels.mxml.html      |  174 +--
 .../srcview/source/messaging-config.xml.txt     |  192 +--
 .../srcview/src/chat_channels.mxml              |  152 +-
 .../datamanagement2/datamanagement2.html        |  124 +-
 .../datamanagement2/srcview/SourceIndex.xml     |   20 +-
 .../datamanagement2/srcview/SourceStyles.css    |  260 ++--
 .../datamanagement2/srcview/SourceTree.html     |  242 +--
 .../datamanagement2/srcview/index.html          |   32 +-
 .../srcview/source/Product.as.html              |   74 +-
 .../source/data-management-config.xml.txt       |  328 ++---
 .../srcview/source/datamanagement2.mxml.html    |  160 +-
 .../datamanagement2/srcview/src/Product.as      |   52 +-
 .../srcview/src/datamanagement2.mxml            |  130 +-
 .../datamanagement_assemblers_custom/main.css   |  242 +--
 .../readme.html                                 |   62 +-
 .../srcview/source/Product.as.html              |   52 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   62 +-
 .../srcview/src/Product.as                      |   52 +-
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/readme.html                     |   62 +-
 .../Contact.hbm.xml                             |   38 +-
 .../hibernate.cfg.xml                           |   68 +-
 .../main.css                                    |  242 +--
 .../readme.html                                 |   44 +-
 .../srcview/source/Contact.hbm.xml.txt          |   38 +-
 .../srcview/source/hibernate.cfg.xml.txt        |   68 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   44 +-
 .../srcview/source/sample.mxml.html             |   70 +-
 .../srcview/src/Contact.hbm.xml                 |   38 +-
 .../srcview/src/hibernate.cfg.xml               |   68 +-
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/readme.html                     |   44 +-
 .../srcview/src/sample.mxml                     |   70 +-
 .../datamanagement_assemblers_sql/main.css      |  242 +--
 .../datamanagement_assemblers_sql/readme.html   |   46 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   46 +-
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/readme.html                     |   44 +-
 .../datamanagement_associations.html            |  124 +-
 .../srcview/SourceIndex.xml                     |   30 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../srcview/SourceTree.html                     |  242 +--
 .../srcview/index.html                          |   32 +-
 .../srcview/source/Account.as.html              |   82 +-
 .../srcview/source/AccountCategory.as.html      |   42 +-
 .../srcview/source/Contact.as.html              |   88 +-
 .../srcview/source/Industry.as.html             |   42 +-
 .../srcview/source/SalesRep.as.html             |   54 +-
 .../srcview/source/State.as.html                |   42 +-
 .../source/data-management-config.xml.txt       |  328 ++---
 .../datamanagement_associations.mxml.html       |  184 +--
 .../srcview/src/Account.as                      |   60 +-
 .../srcview/src/AccountCategory.as              |   20 +-
 .../srcview/src/Contact.as                      |   66 +-
 .../srcview/src/Industry.as                     |   20 +-
 .../srcview/src/SalesRep.as                     |   32 +-
 .../srcview/src/State.as                        |   20 +-
 .../src/datamanagement_associations.mxml        |  154 +-
 .../datamanagement_basics.html                  |  124 +-
 .../DataAccess/datamanagement_basics/main.css   |  242 +--
 .../datamanagement_basics/readme.html           |   40 +-
 .../datamanagement_basics/readme_cn.html        |   40 +-
 .../srcview/SourceIndex.xml                     |   24 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../srcview/SourceTree.html                     |  242 +--
 .../datamanagement_basics/srcview/index.html    |   32 +-
 .../srcview/source/Product.as.html              |   74 +-
 .../source/data-management-config.xml.txt       |  328 ++---
 .../source/datamanagement_basics.mxml.html      |  114 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../srcview/source/readme.html                  |   40 +-
 .../srcview/src/Product.as                      |   52 +-
 .../srcview/src/datamanagement_basics.mxml      |   84 +-
 .../datamanagement_basics/srcview/src/main.css  |  242 +--
 .../srcview/src/readme.html                     |   40 +-
 .../datamanagement_paging.html                  |  124 +-
 .../srcview/SourceIndex.xml                     |   44 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../srcview/SourceTree.html                     |  242 +--
 .../datamanagement_paging/srcview/index.html    |   32 +-
 .../srcview/source/CensusEntry.as.html          |   60 +-
 .../source/data-management-config.xml.txt       |   56 +-
 .../source/datamanagement_paging.mxml.html      |   62 +-
 .../srcview/src/CensusEntry.as                  |   38 +-
 .../srcview/src/datamanagement_paging.mxml      |   42 +-
 .../datamanagement_simple_update/main.css       |  242 +--
 .../datamanagement_simple_update/readme_cn.html |   40 +-
 .../srcview/source/Product.as.html              |   48 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/src/Product.as                      |   48 +-
 .../srcview/src/main.css                        |  242 +--
 .../DataAccess/datamanagement_update/main.css   |  242 +--
 .../datamanagement_update/readme.html           |   92 +-
 .../srcview/source/Product.as.html              |   48 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   92 +-
 .../srcview/src/Product.as                      |   48 +-
 .../datamanagement_update/srcview/src/main.css  |  242 +--
 .../srcview/src/readme.html                     |   92 +-
 .../DataAccess/httpservice_basics/catalog.xml   |  510 +++----
 .../httpservice_basics/httpservice_basics.html  |  124 +-
 .../DataAccess/httpservice_basics/main.css      |  242 +--
 .../DataAccess/httpservice_basics/readme.html   |   22 +-
 .../httpservice_basics/readme_cn.html           |   22 +-
 .../httpservice_basics/srcview/SourceIndex.xml  |   24 +-
 .../httpservice_basics/srcview/SourceStyles.css |  260 ++--
 .../httpservice_basics/srcview/SourceTree.html  |  242 +--
 .../httpservice_basics/srcview/index.html       |   32 +-
 .../srcview/source/catalog.xml.txt              |  510 +++----
 .../srcview/source/httpservice_basics.mxml.html |   54 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../srcview/source/readme.html                  |   22 +-
 .../httpservice_basics/srcview/src/catalog.xml  |  510 +++----
 .../srcview/src/httpservice_basics.mxml         |   32 +-
 .../httpservice_basics/srcview/src/main.css     |  242 +--
 .../httpservice_basics/srcview/src/readme.html  |   22 +-
 .../httpservice_e4x/httpservice_e4x.html        |  124 +-
 .../DataAccess/httpservice_e4x/items.xml        |   54 +-
 .../DataAccess/httpservice_e4x/main.css         |  242 +--
 .../DataAccess/httpservice_e4x/readme.html      |   22 +-
 .../httpservice_e4x/srcview/SourceIndex.xml     |   24 +-
 .../httpservice_e4x/srcview/SourceStyles.css    |  260 ++--
 .../httpservice_e4x/srcview/SourceTree.html     |  242 +--
 .../httpservice_e4x/srcview/index.html          |   32 +-
 .../srcview/source/httpservice_e4x.mxml.html    |   98 +-
 .../srcview/source/items.xml.txt                |   54 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../httpservice_e4x/srcview/source/readme.html  |   22 +-
 .../srcview/src/httpservice_e4x.mxml            |   76 +-
 .../httpservice_e4x/srcview/src/items.xml       |   54 +-
 .../httpservice_e4x/srcview/src/main.css        |  242 +--
 .../httpservice_e4x/srcview/src/readme.html     |   22 +-
 .../DataAccess/httpservice_events/catalog.xml   |  510 +++----
 .../httpservice_events/httpservice_events.html  |  124 +-
 .../DataAccess/httpservice_events/main.css      |  242 +--
 .../DataAccess/httpservice_events/readme.html   |   18 +-
 .../httpservice_events/srcview/SourceIndex.xml  |   20 +-
 .../httpservice_events/srcview/SourceStyles.css |  260 ++--
 .../httpservice_events/srcview/SourceTree.html  |  242 +--
 .../httpservice_events/srcview/index.html       |   32 +-
 .../srcview/source/catalog.xml.txt              |  510 +++----
 .../srcview/source/httpservice_events.mxml.html |  112 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../srcview/source/readme.html                  |   18 +-
 .../httpservice_events/srcview/src/catalog.xml  |  510 +++----
 .../srcview/src/httpservice_events.mxml         |   90 +-
 .../httpservice_proxy/httpservice_proxy.html    |  124 +-
 .../DataAccess/httpservice_proxy/main.css       |  242 +--
 .../DataAccess/httpservice_proxy/readme.html    |   36 +-
 .../DataAccess/httpservice_proxy/readme_cn.html |   36 +-
 .../httpservice_proxy/srcview/SourceIndex.xml   |   22 +-
 .../httpservice_proxy/srcview/SourceStyles.css  |  260 ++--
 .../httpservice_proxy/srcview/SourceTree.html   |  242 +--
 .../httpservice_proxy/srcview/index.html        |   32 +-
 .../srcview/source/httpservice_proxy.mxml.html  |   76 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../srcview/source/proxy-config.xml.txt         |   82 +-
 .../srcview/source/readme.html                  |   36 +-
 .../srcview/src/httpservice_proxy.mxml          |   46 +-
 .../httpservice_proxy/srcview/src/main.css      |  242 +--
 .../httpservice_proxy/srcview/src/readme.html   |   36 +-
 .../DataAccess/httpservice_rest_json/main.css   |  242 +--
 .../httpservice_rest_json/readme.html           |   30 +-
 .../httpservice_rest_json/readme_cn.html        |   22 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   30 +-
 .../httpservice_rest_json/srcview/src/main.css  |  242 +--
 .../srcview/src/readme.html                     |   30 +-
 .../lcds_pdfgen_custom_holly/contact.xdp        | 1250 ++++++++--------
 .../lcds_pdfgen_custom_holly/main.css           |  242 +--
 .../srcview/source/contact.xdp                  | 1250 ++++++++--------
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/remoting-config.xml.txt      |   40 +-
 .../srcview/source/sample.mxml.html             |  172 +--
 .../srcview/src/contact.xdp                     | 1250 ++++++++--------
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/remoting-config.xml             |   40 +-
 .../srcview/src/sample.mxml                     |  172 +--
 .../messaging_collaboration/invoker.html        |  100 +-
 .../messaging_collaboration/readme.html         |   36 +-
 .../messaging_collaboration/sample.html         |  100 +-
 .../srcview/source/readme.html                  |   36 +-
 .../srcview/src/readme.html                     |   36 +-
 .../source/BackgroundColorRenderer.as.html      |   72 +-
 .../srcview/source/ColorRenderer.as.html        |   42 +-
 .../srcview/source/Feed.java.txt                |  136 +-
 .../srcview/source/main.css.html                |   24 +-
 .../srcview/source/messaging-config.xml.txt     |   86 +-
 .../messaging_trader/srcview/source/readme.html |   40 +-
 .../source/samples/portfolio/Stock.as.html      |   34 +-
 .../srcview/source/startFeed.html               |   10 +-
 .../srcview/source/startfeed.txt                |   18 +-
 .../srcview/source/stopFeed.html                |    8 +-
 .../srcview/source/stopfeed.txt                 |   18 +-
 .../srcview/source/traderdesktop.mxml.html      |  444 +++---
 .../srcview/src/BackgroundColorRenderer.as      |   72 +-
 .../srcview/src/ColorRenderer.as                |   42 +-
 .../messaging_trader/srcview/src/main.css       |   24 +-
 .../srcview/src/samples/portfolio/Stock.as      |   34 +-
 .../srcview/src/traderdesktop.mxml              |  446 +++---
 .../DataAccess/pdfgeneration_lcds/company.xdp   |  552 +++----
 .../DataAccess/pdfgeneration_lcds/main.css      |  242 +--
 .../srcview/source/BalanceSheet.mxml.html       |   98 +-
 .../srcview/source/Earnings.mxml.html           |   82 +-
 .../srcview/source/company.xdp                  |  552 +++----
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/pdfgen.mxml.html             |  246 ++--
 .../srcview/source/sample.mxml.html             |  188 +--
 .../srcview/source/styles.css.html              |   76 +-
 .../srcview/src/BalanceSheet.mxml               |   98 +-
 .../srcview/src/Earnings.mxml                   |   82 +-
 .../pdfgeneration_lcds/srcview/src/company.xdp  |  552 +++----
 .../pdfgeneration_lcds/srcview/src/main.css     |  242 +--
 .../pdfgeneration_lcds/srcview/src/pdfgen.mxml  |  246 ++--
 .../pdfgeneration_lcds/srcview/src/sample.mxml  |  188 +--
 .../pdfgeneration_lcds/srcview/src/styles.css   |   76 +-
 .../DataAccess/pdfgeneration_lcds/styles.css    |   76 +-
 .../DataAccess/remoteobject_basics/main.css     |  242 +--
 .../DataAccess/remoteobject_basics/readme.html  |   38 +-
 .../remoteobject_basics/readme_cn.html          |   26 +-
 .../remoteobject_basics.html                    |  124 +-
 .../remoteobject_basics/srcview/SourceIndex.xml |   22 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../remoteobject_basics/srcview/SourceTree.html |  242 +--
 .../remoteobject_basics/srcview/index.html      |   32 +-
 .../srcview/source/main.css.html                |  264 ++--
 .../srcview/source/readme.html                  |   22 +-
 .../source/remoteobject_basics.mxml.html        |   84 +-
 .../srcview/source/remoting-config.xml.txt      |  110 +-
 .../remoteobject_basics/srcview/src/main.css    |  242 +--
 .../remoteobject_basics/srcview/src/readme.html |   22 +-
 .../srcview/src/remoteobject_basics.mxml        |   40 +-
 .../remoteobject_channels.html                  |  124 +-
 .../srcview/SourceIndex.xml                     |   18 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../srcview/SourceTree.html                     |  242 +--
 .../remoteobject_channels/srcview/index.html    |   32 +-
 .../source/remoteobject_channels.mxml.html      |  114 +-
 .../srcview/source/remoting-config.xml.txt      |  110 +-
 .../srcview/src/remoteobject_channels.mxml      |   92 +-
 .../remoteobject_events.html                    |  124 +-
 .../remoteobject_events/srcview/SourceIndex.xml |   18 +-
 .../srcview/SourceStyles.css                    |  260 ++--
 .../remoteobject_events/srcview/SourceTree.html |  242 +--
 .../remoteobject_events/srcview/index.html      |   32 +-
 .../source/remoteobject_events.mxml.html        |  126 +-
 .../srcview/source/remoting-config.xml.txt      |  110 +-
 .../srcview/src/remoteobject_events.mxml        |   96 +-
 .../DataAccess/remoteobject_java_basic/main.css |  242 +--
 .../remoteobject_java_basic/readme.html         |   50 +-
 .../remoteobject_java_basic/readme_cn.html      |   38 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   50 +-
 .../srcview/source/remoting-config.xml.txt      |   68 +-
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/readme.html                     |   50 +-
 .../srcview/src/remoting-config.xml             |   68 +-
 .../DataAccess/remoteobject_java_typed/main.css |  242 +--
 .../remoteobject_java_typed/readme.html         |   50 +-
 .../remoteobject_java_typed/readme_cn.html      |   38 +-
 .../srcview/source/main.css.html                |  242 +--
 .../srcview/source/readme.html                  |   50 +-
 .../srcview/source/remoting-config.xml.txt      |   68 +-
 .../srcview/src/main.css                        |  242 +--
 .../srcview/src/readme.html                     |   50 +-
 .../srcview/src/remoting-config.xml             |   68 +-
 .../server-source-code/flex/hibernate.cfg.xml   |   68 +-
 .../flex/samples/contact-custom/BaseDAO.java    |  366 ++---
 .../samples/contact-custom/BaseDAO.java.txt     |  366 ++---
 .../contact-custom/ConcurrencyException.java    |   42 +-
 .../ConcurrencyException.java.txt               |   42 +-
 .../contact-custom/ConnectionHelper.java        |   84 +-
 .../contact-custom/ConnectionHelper.java.txt    |   84 +-
 .../flex/samples/contact-custom/Contact.java    |  168 +--
 .../samples/contact-custom/Contact.java.txt     |  168 +--
 .../contact-custom/ContactAssembler.java        |  138 +-
 .../contact-custom/ContactAssembler.java.txt    |  138 +-
 .../flex/samples/contact-custom/ContactDAO.java |  198 +--
 .../samples/contact-custom/ContactDAO.java.txt  |  198 +--
 .../samples/contact-custom/DAOException.java    |   44 +-
 .../contact-custom/DAOException.java.txt        |   44 +-
 .../samples/contact-hibernate/Contact.hbm.xml   |   38 +-
 .../flex/samples/contact-hibernate/Contact.java |  172 +--
 .../samples/contact-hibernate/Contact.java.txt  |  172 +--
 .../pdfgen_contact/PDFResourceServlet.java      |   94 +-
 .../pdfgen_contact/PDFResourceServlet.java.txt  |   94 +-
 .../flex/samples/pdfgen_contact/PDFService.java |   98 +-
 .../samples/pdfgen_contact/PDFService.java.txt  |   98 +-
 .../samples/pdfgen_contact/XDPXFAService.java   |   92 +-
 .../pdfgen_contact/XDPXFAService.java.txt       |   92 +-
 .../flex/samples/product2/Product.java          |  188 +--
 .../flex/samples/product2/Product.java.txt      |  188 +--
 .../flex/samples/product2/ProductAssembler.java |  196 +--
 .../samples/product2/ProductAssembler.java.txt  |  196 +--
 .../tdfhistory/srcview/SourceIndex.xml          |   18 +-
 .../tdfhistory/srcview/SourceStyles.css         |  260 ++--
 .../tdfhistory/srcview/SourceTree.html          |  242 +--
 .../DataAccess/tdfhistory/srcview/index.html    |   32 +-
 .../srcview/source/tdfhistory.mxml.html         |  116 +-
 .../tdfhistory/srcview/src/tdfhistory.mxml      |   96 +-
 .../DataAccess/tdfhistory/tdfhistory.html       |  242 +--
 .../webservice_basics/webservice_basics.html    |  124 +-
 .../webservice_proxy/srcview/SourceIndex.xml    |   20 +-
 .../webservice_proxy/srcview/SourceStyles.css   |  260 ++--
 .../webservice_proxy/srcview/SourceTree.html    |  242 +--
 .../webservice_proxy/srcview/index.html         |   32 +-
 .../srcview/source/proxy-config.xml.txt         |   82 +-
 .../srcview/source/webservice_proxy.mxml.html   |   72 +-
 .../srcview/src/webservice_proxy.mxml           |   42 +-
 .../webservice_proxy/webservice_proxy.html      |  124 +-
 .../remotesamples/Ebay/demo.html                |   62 +-
 .../remotesamples/Ebay/demo.mxml.html           |  252 ++--
 .../remotesamples/Ebay/profiledemo.html         |   62 +-
 .../remotesamples/Ebay/profiledemo.mxml.html    |  328 ++---
 .../TraderDesktopAdmin/TraderDesktopAdmin.html  |  242 +--
 .../traderdesktop/TraderDesktopAdmin/config.xml |   14 +-
 .../TraderDesktopWeb/TraderDesktopWeb.html      |  242 +--
 .../traderdesktop/TraderDesktopWeb/config.xml   |   12 +-
 .../mobile/TraderDesktopMobile.html             |  242 +--
 .../traderdesktop/mobile/config.xml             |   12 +-
 .../traderdesktop/mobile/styles.css             |  108 +-
 .../samples/3rdParty/EbayCarousel/main.html     |   62 +-
 .../3rdParty/EbayCarousel/main.mxml.html        |  262 ++--
 .../Google/GoogleMapsAIR/GoogleMaps1.mxml.html  |  126 +-
 .../3rdParty/Intuit/OpenBugsGauge.mxml.html     |   64 +-
 .../3rdParty/Intuit/WidgetPanel.mxml.html       |  126 +-
 .../samples/DragTile/srcview/SourceIndex.xml    |   84 +-
 .../samples/DragTile/srcview/SourceStyles.css   |  278 ++--
 .../samples/DragTile/srcview/SourceTree.html    |  242 +--
 .../DragTile/srcview/source/Alphabet.mxml.html  |  118 +-
 .../source/AlphabetClasses/Alphabet.css.html    |   22 +-
 .../source/AlphabetClasses/AlphabetBase.as.html |  194 +--
 .../srcview/source/AlphabetTile.mxml.html       |   38 +-
 .../DragTile/srcview/source/DragDrop.mxml.html  |  220 +--
 .../DragTile/srcview/source/Player.mxml.html    |   40 +-
 .../DragTile/srcview/source/TeamMgr.mxml.html   |  188 +--
 .../srcview/source/data/players.xml.txt         |   40 +-
 .../DragTile/srcview/source/img/person.png.html |   24 +-
 .../srcview/source/img/pieceTile.png.html       |   24 +-
 .../DragTile/srcview/source/img/player.png.html |   24 +-
 .../DragTile/srcview/source/img/sil.PNG.html    |   24 +-
 .../DragTile/srcview/source/img/tile.gif.html   |   24 +-
 .../source/qs/controls/BitmapTile.as.html       |  350 ++---
 .../source/qs/controls/CachedLabel.as.html      |  480 +++---
 .../srcview/source/qs/controls/DragTile.as.html | 1174 +++++++--------
 .../srcview/source/qs/controls/UIBitmap.as.html |  112 +-
 .../DragTile/srcview/source/tile.png.html       |   24 +-
 .../samples/DragTile/srcview/src/Alphabet.mxml  |   96 +-
 .../srcview/src/AlphabetClasses/AlphabetBase.as |  172 +--
 .../DragTile/srcview/src/AlphabetTile.mxml      |   18 +-
 .../samples/DragTile/srcview/src/DragDrop.mxml  |  200 +--
 .../samples/DragTile/srcview/src/Player.mxml    |   20 +-
 .../samples/DragTile/srcview/src/TeamMgr.mxml   |  168 +--
 .../DragTile/srcview/src/data/players.xml       |   40 +-
 .../srcview/src/qs/controls/BitmapTile.as       |  328 ++---
 .../srcview/src/qs/controls/CachedLabel.as      |  458 +++---
 .../srcview/src/qs/controls/DragTile.as         | 1152 +++++++--------
 .../srcview/src/qs/controls/LayoutAnimator.as   |  734 ++++-----
 .../srcview/src/qs/controls/LayoutTarget.as     |  120 +-
 .../srcview/src/qs/controls/UIBitmap.as         |   90 +-
 .../src/qs/utils/AssociativeInstanceCache.as    |  264 ++--
 .../samples/HOWTO/Components/SearchBox.as.html  |  336 ++---
 .../HOWTO/Components/SearchBoxEvent.as.html     |   54 +-
 .../HOWTO/Components/SearchDemo.mxml.html       |  116 +-
 .../HOWTO/Components/VideoPlayer.mxml.html      |  140 +-
 .../samples/HOWTO/Components/main.mxml.html     |   42 +-
 .../HOWTO/ItemRenderer/ColorRenderer.as.html    |   68 +-
 .../HOWTO/ItemRenderer/ImageRenderer.mxml.html  |   44 +-
 .../samples/HOWTO/ItemRenderer/catalog.xml.txt  |  166 +--
 .../samples/HOWTO/ItemRenderer/main.html        |   58 +-
 .../samples/HOWTO/ItemRenderer/main.mxml.html   |  188 +--
 .../HOWTO/Localization/ContactForm.mxml.html    |   68 +-
 .../locale/en_EN/myResources.properties.txt     |   18 +-
 .../locale/en_US/myResources.properties.txt     |   18 +-
 .../locale/fr_FR/myResources.properties.txt     |   18 +-
 .../HOWTO/Localization/localization.mxml.html   |  132 +-
 .../widget/long/AdobeWidget_300x250.html        |  242 +--
 .../TourDeFlex_content/widget/long/index.html   |  242 +--
 .../TourDeFlex_content/widget/short/index.html  |  242 +--
 1673 files changed, 116987 insertions(+), 116987 deletions(-)
----------------------------------------------------------------------



[43/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer1.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer1.mxml
index f6f1dd5..4337b10 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer1.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer1.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,40 +17,40 @@
   limitations under the License.
 
 -->
-<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:s="library://ns.adobe.com/flex/spark"
-				xmlns:mx="library://ns.adobe.com/flex/mx" 
-				autoDrawBackground="false" 
-				depth="0" depth.hovered="1">
-	
-	<s:states>
-		<s:State name="normal" />
-		<s:State name="hovered" />
-	</s:states>
-
-	<s:postLayoutTransformOffsets>
-		<mx:TransformOffsets id="offsets" x.hovered="-40" y.hovered="-40" scaleX.hovered="2" scaleY.hovered="2" />
-	</s:postLayoutTransformOffsets>	
-	
-	<s:transitions>
-		<mx:Transition fromState="normal" toState="hovered" autoReverse="true">
-			<s:Animate target="{offsets}" duration="200">
-				<s:SimpleMotionPath property="scaleX" />
-				<s:SimpleMotionPath property="scaleY" />
-				<s:SimpleMotionPath property="x" />
-				<s:SimpleMotionPath property="y" />
-			</s:Animate>
-		</mx:Transition>
-		<mx:Transition fromState="hovered" toState="normal" autoReverse="true">
-			<s:Animate target="{offsets}" duration="200">
-				<s:SimpleMotionPath property="scaleX" />
-				<s:SimpleMotionPath property="scaleY" />
-				<s:SimpleMotionPath property="x" />
-				<s:SimpleMotionPath property="y" />
-			</s:Animate>
-		</mx:Transition>
-	</s:transitions>	
-	
-	<mx:Image id="image" source="{data.image}" width="60" height="60" horizontalCenter="0" verticalCenter="0"/>
-
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/mx" 
+				autoDrawBackground="false" 
+				depth="0" depth.hovered="1">
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="hovered" />
+	</s:states>
+
+	<s:postLayoutTransformOffsets>
+		<mx:TransformOffsets id="offsets" x.hovered="-40" y.hovered="-40" scaleX.hovered="2" scaleY.hovered="2" />
+	</s:postLayoutTransformOffsets>	
+	
+	<s:transitions>
+		<mx:Transition fromState="normal" toState="hovered" autoReverse="true">
+			<s:Animate target="{offsets}" duration="200">
+				<s:SimpleMotionPath property="scaleX" />
+				<s:SimpleMotionPath property="scaleY" />
+				<s:SimpleMotionPath property="x" />
+				<s:SimpleMotionPath property="y" />
+			</s:Animate>
+		</mx:Transition>
+		<mx:Transition fromState="hovered" toState="normal" autoReverse="true">
+			<s:Animate target="{offsets}" duration="200">
+				<s:SimpleMotionPath property="scaleX" />
+				<s:SimpleMotionPath property="scaleY" />
+				<s:SimpleMotionPath property="x" />
+				<s:SimpleMotionPath property="y" />
+			</s:Animate>
+		</mx:Transition>
+	</s:transitions>	
+	
+	<mx:Image id="image" source="{data.image}" width="60" height="60" horizontalCenter="0" verticalCenter="0"/>
+
 </s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer2.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer2.mxml
index 2152cd3..8885082 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer2.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/renderers/ImageRenderer2.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,38 +17,38 @@
   limitations under the License.
 
 -->
-<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:s="library://ns.adobe.com/flex/spark"
-				xmlns:mx="library://ns.adobe.com/flex/mx" 
-				autoDrawBackground="false" 
-				depth="0" depth.hovered="1">
-	
-	<s:states>
-		<s:State name="normal" />
-		<s:State name="hovered" />
-	</s:states>
-
-	<s:transitions>
-		<s:Transition fromState="normal" toState="hovered" autoReverse="true">
-			<s:Parallel>
-				<s:Rotate3D target="{image}" angleYFrom="0" angleYTo="360" autoCenterProjection="true" autoCenterTransform="true" duration="400"/>
-				<s:Fade target="{image}" startDelay="400" duration="200"/>
-				<s:Fade target="{group}" startDelay="400" duration="200"/>
-			</s:Parallel>
-		</s:Transition>
-	</s:transitions>
-	
-	<s:Rect id="rect" left="0" right="0" top="0" bottom="0">
-		<s:fill>
-			<s:SolidColor color="black" alpha="0.7"/>
-		</s:fill>
-	</s:Rect>
-
-	<s:Group id="group" left="0" right="0" top="0" bottom="0" visible.normal="false">
-		<s:Label text="{data.firstName}" verticalCenter="-10" horizontalCenter="0" color="white"/> 
-		<s:Label text="{data.lastName}" verticalCenter="10" horizontalCenter="0" color="white"/> 
-	</s:Group>
-
-	<mx:Image id="image" source="{data.image}" width="70" height="70" horizontalCenter="0" verticalCenter="0" visible.hovered="false"/>
-	
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/mx" 
+				autoDrawBackground="false" 
+				depth="0" depth.hovered="1">
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="hovered" />
+	</s:states>
+
+	<s:transitions>
+		<s:Transition fromState="normal" toState="hovered" autoReverse="true">
+			<s:Parallel>
+				<s:Rotate3D target="{image}" angleYFrom="0" angleYTo="360" autoCenterProjection="true" autoCenterTransform="true" duration="400"/>
+				<s:Fade target="{image}" startDelay="400" duration="200"/>
+				<s:Fade target="{group}" startDelay="400" duration="200"/>
+			</s:Parallel>
+		</s:Transition>
+	</s:transitions>
+	
+	<s:Rect id="rect" left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor color="black" alpha="0.7"/>
+		</s:fill>
+	</s:Rect>
+
+	<s:Group id="group" left="0" right="0" top="0" bottom="0" visible.normal="false">
+		<s:Label text="{data.firstName}" verticalCenter="-10" horizontalCenter="0" color="white"/> 
+		<s:Label text="{data.lastName}" verticalCenter="10" horizontalCenter="0" color="white"/> 
+	</s:Group>
+
+	<mx:Image id="image" source="{data.image}" width="70" height="70" horizontalCenter="0" verticalCenter="0" visible.hovered="false"/>
+	
 </s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample1.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample1.mxml
index 1462f03..015493f 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample1.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample1.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,45 +17,45 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   applicationComplete="srv.send()" viewSourceURL="srcview/index.html">
-	
-	
-	<fx:Script>
-		<![CDATA[
-			import mx.collections.ArrayCollection;
-			import mx.rpc.events.ResultEvent;
-			
-			import skins.TDFPanelSkin;
-			
-			[Bindable]
-			private var employees:ArrayCollection;
-			
-			private function resultHandler(event:ResultEvent):void
-			{
-				employees = event.result.list.employee as ArrayCollection;
-			}
-			
-		]]>
-	</fx:Script>
-	
-	<fx:Declarations>
-		<s:HTTPService id="srv" url="data/list.xml" result="resultHandler(event)"/>
-	</fx:Declarations>
-	
-	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
-		<s:layout>
-			<s:HorizontalLayout paddingLeft="100" paddingRight="10" paddingTop="10" paddingBottom="10"/>
-		</s:layout>
-		<s:DataGroup dataProvider="{employees}" width="300" itemRenderer="renderers.ImageRenderer1">
-			<s:layout>
-				<s:TileLayout horizontalGap="0" verticalGap="0"/>
-			</s:layout>
-		</s:DataGroup>
-		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses the Spark Animate to scale the image
-when hovered over each item. See the ImageRenderer1.mxml source for more information."/>
-	</s:Panel>
-	
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   applicationComplete="srv.send()" viewSourceURL="srcview/index.html">
+	
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			import mx.rpc.events.ResultEvent;
+			
+			import skins.TDFPanelSkin;
+			
+			[Bindable]
+			private var employees:ArrayCollection;
+			
+			private function resultHandler(event:ResultEvent):void
+			{
+				employees = event.result.list.employee as ArrayCollection;
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:HTTPService id="srv" url="data/list.xml" result="resultHandler(event)"/>
+	</fx:Declarations>
+	
+	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="100" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		<s:DataGroup dataProvider="{employees}" width="300" itemRenderer="renderers.ImageRenderer1">
+			<s:layout>
+				<s:TileLayout horizontalGap="0" verticalGap="0"/>
+			</s:layout>
+		</s:DataGroup>
+		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses the Spark Animate to scale the image
+when hovered over each item. See the ImageRenderer1.mxml source for more information."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample2.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample2.mxml
index b1712bf..8b9784d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample2.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/src/sample2.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,59 +17,59 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   applicationComplete="srv.send()" viewSourceURL="srcview/index.html">
-	
-	<fx:Style>
-
-		@namespace s "library://ns.adobe.com/flex/spark";
-		@namespace mx "library://ns.adobe.com/flex/halo";
-		
-		@font-face {
-			src: url("assets/MyriadPro-Semibold.otf");
-			fontFamily: "main";
-		}
-		
-		s|Application {
-			font-family: main;
-			font-size: 14;
-		}
-		
-	</fx:Style>
-	
-	<fx:Script>
-		<![CDATA[
-			import mx.collections.ArrayCollection;
-			import mx.rpc.events.ResultEvent;
-			
-			[Bindable]
-			private var employees:ArrayCollection;
-			
-			private function resultHandler(event:ResultEvent):void
-			{
-				employees = event.result.list.employee as ArrayCollection;
-			}
-			
-		]]>
-	</fx:Script>
-	
-	<fx:Declarations>
-		<s:HTTPService id="srv" url="data/list.xml" result="resultHandler(event)"/>
-	</fx:Declarations>
-	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
-		<s:layout>
-			<s:HorizontalLayout paddingTop="2" paddingLeft="50" paddingRight="8"/>
-		</s:layout>
-		
-		<s:DataGroup dataProvider="{employees}" width="440" itemRenderer="renderers.ImageRenderer2" horizontalCenter="0" verticalCenter="0">
-			<s:layout>
-				<s:TileLayout />
-			</s:layout>
-		</s:DataGroup>
-		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses effects to provide a
-Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also 
-shows the use of a special font for the text."/>
-	</s:Panel>
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   applicationComplete="srv.send()" viewSourceURL="srcview/index.html">
+	
+	<fx:Style>
+
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/halo";
+		
+		@font-face {
+			src: url("assets/MyriadPro-Semibold.otf");
+			fontFamily: "main";
+		}
+		
+		s|Application {
+			font-family: main;
+			font-size: 14;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			import mx.rpc.events.ResultEvent;
+			
+			[Bindable]
+			private var employees:ArrayCollection;
+			
+			private function resultHandler(event:ResultEvent):void
+			{
+				employees = event.result.list.employee as ArrayCollection;
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:HTTPService id="srv" url="data/list.xml" result="resultHandler(event)"/>
+	</fx:Declarations>
+	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingTop="2" paddingLeft="50" paddingRight="8"/>
+		</s:layout>
+		
+		<s:DataGroup dataProvider="{employees}" width="440" itemRenderer="renderers.ImageRenderer2" horizontalCenter="0" verticalCenter="0">
+			<s:layout>
+				<s:TileLayout />
+			</s:layout>
+		</s:DataGroup>
+		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses effects to provide a
+Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also 
+shows the use of a special font for the text."/>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/data/catalog.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/data/catalog.xml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/data/catalog.xml
index ecf9bc6..710fef8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/data/catalog.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/data/catalog.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,177 +17,177 @@
   limitations under the License.
 
 -->
-
-<catalog>
-
-    <product productId="1">
-        <name>Nokia 6010</name>
-        <color></color>
-        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
-        <price>99.99</price>
-        <image>assets/pic/Nokia_6010.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>MMS</highlight1>
-		<highlight2>Large color display</highlight2>
-    </product>
-
-    <product productId="2">
-        <name>Nokia 3100</name>
-        <color>Blue</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_blue.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="3">
-        <name>Nokia 3100</name>
-        <color>Pink</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_pink.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="4">
-        <name>Nokia 3120</name>
-        <color></color>
-        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3120.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Multimedia messaging</highlight1>
-		<highlight2>Animated screensavers</highlight2>
-    </product>
-
-    <product productId="5">
-        <name>Nokia 3220</name>
-        <color></color>
-        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3220.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>MIDI tones</highlight1>
-		<highlight2>Cut-out covers</highlight2>
-    </product>
-
-    <product productId="6">
-        <name>Nokia 3650</name>
-        <color></color>
-        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
-        <price>199.99</price>
-        <image>assets/pic/Nokia_3650.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Infrared or Bluetooth</highlight1>
-		<highlight2>Built-in XHTML browser</highlight2>
-    </product>
-
-    <product productId="7">
-        <name>Nokia 6820</name>
-        <color></color>
-        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
-        <price>299.99</price>
-        <image>assets/pic/Nokia_6820.gif</image>
-        <series>6000</series>
-        <triband>true</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>Messaging keyboard</highlight1>
-		<highlight2>Bluetooth </highlight2>
-    </product>
-
-    <product productId="8">
-        <name>Nokia 6670</name>
-        <color></color>
-        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
-        <price>309.99</price>
-        <image>assets/pic/Nokia_6670.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>PDF support</highlight1>
-		<highlight2>4x digital zoom</highlight2>
-    </product>
-
-    <product productId="9">
-        <name>Nokia 6620</name>
-        <color></color>
-        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
-        <price>329.99</price>
-        <image>assets/pic/Nokia_6620.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Bluetooth technology</highlight1>
-		<highlight2>Up to 10 minutes video</highlight2>
-    </product>
-
-    <product productId="10">
-        <name>Nokia 3230</name>
-        <color>Silver</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_black.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="11">
-        <name>Nokia 3230</name>
-        <color>Bronze</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_bronze.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="12">
-        <name>Nokia 6630</name>
-        <color></color>
-        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
-        <price>379</price>
-        <image>assets/pic/Nokia_6630.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>6x smooth digital zoom</highlight2>
-    </product>
-
-    
-   
+
+<catalog>
+
+    <product productId="1">
+        <name>Nokia 6010</name>
+        <color></color>
+        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
+        <price>99.99</price>
+        <image>assets/pic/Nokia_6010.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>MMS</highlight1>
+		<highlight2>Large color display</highlight2>
+    </product>
+
+    <product productId="2">
+        <name>Nokia 3100</name>
+        <color>Blue</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_blue.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="3">
+        <name>Nokia 3100</name>
+        <color>Pink</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_pink.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="4">
+        <name>Nokia 3120</name>
+        <color></color>
+        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3120.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Multimedia messaging</highlight1>
+		<highlight2>Animated screensavers</highlight2>
+    </product>
+
+    <product productId="5">
+        <name>Nokia 3220</name>
+        <color></color>
+        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3220.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>MIDI tones</highlight1>
+		<highlight2>Cut-out covers</highlight2>
+    </product>
+
+    <product productId="6">
+        <name>Nokia 3650</name>
+        <color></color>
+        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
+        <price>199.99</price>
+        <image>assets/pic/Nokia_3650.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Infrared or Bluetooth</highlight1>
+		<highlight2>Built-in XHTML browser</highlight2>
+    </product>
+
+    <product productId="7">
+        <name>Nokia 6820</name>
+        <color></color>
+        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
+        <price>299.99</price>
+        <image>assets/pic/Nokia_6820.gif</image>
+        <series>6000</series>
+        <triband>true</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>Messaging keyboard</highlight1>
+		<highlight2>Bluetooth </highlight2>
+    </product>
+
+    <product productId="8">
+        <name>Nokia 6670</name>
+        <color></color>
+        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
+        <price>309.99</price>
+        <image>assets/pic/Nokia_6670.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>PDF support</highlight1>
+		<highlight2>4x digital zoom</highlight2>
+    </product>
+
+    <product productId="9">
+        <name>Nokia 6620</name>
+        <color></color>
+        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
+        <price>329.99</price>
+        <image>assets/pic/Nokia_6620.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Bluetooth technology</highlight1>
+		<highlight2>Up to 10 minutes video</highlight2>
+    </product>
+
+    <product productId="10">
+        <name>Nokia 3230</name>
+        <color>Silver</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_black.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="11">
+        <name>Nokia 3230</name>
+        <color>Bronze</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_bronze.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="12">
+        <name>Nokia 6630</name>
+        <color></color>
+        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
+        <price>379</price>
+        <image>assets/pic/Nokia_6630.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>6x smooth digital zoom</highlight2>
+    </product>
+
+    
+   
 </catalog>
\ No newline at end of file

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/data/catalog.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/data/catalog.xml.txt b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/data/catalog.xml.txt
index 463effe..a03eca7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/data/catalog.xml.txt
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/data/catalog.xml.txt
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
 Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,177 +17,177 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-
-<catalog>
-
-    <product productId="1">
-        <name>Nokia 6010</name>
-        <color></color>
-        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
-        <price>99.99</price>
-        <image>assets/pic/Nokia_6010.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>MMS</highlight1>
-		<highlight2>Large color display</highlight2>
-    </product>
-
-    <product productId="2">
-        <name>Nokia 3100</name>
-        <color>Blue</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_blue.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="3">
-        <name>Nokia 3100</name>
-        <color>Pink</color>
-        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
-        <price>139</price>
-        <image>assets/pic/Nokia_3100_pink.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Glow-in-the-dark</highlight1>
-		<highlight2>Flashing lights</highlight2>
-    </product>
-
-    <product productId="4">
-        <name>Nokia 3120</name>
-        <color></color>
-        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3120.gif</image>
-        <series>3000</series>
-        <triband>true</triband>
-        <camera>false</camera>
-        <video>false</video>
-        <highlight1>Multimedia messaging</highlight1>
-		<highlight2>Animated screensavers</highlight2>
-    </product>
-
-    <product productId="5">
-        <name>Nokia 3220</name>
-        <color></color>
-        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
-        <price>159.99</price>
-        <image>assets/pic/Nokia_3220.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>MIDI tones</highlight1>
-		<highlight2>Cut-out covers</highlight2>
-    </product>
-
-    <product productId="6">
-        <name>Nokia 3650</name>
-        <color></color>
-        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
-        <price>199.99</price>
-        <image>assets/pic/Nokia_3650.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Infrared or Bluetooth</highlight1>
-		<highlight2>Built-in XHTML browser</highlight2>
-    </product>
-
-    <product productId="7">
-        <name>Nokia 6820</name>
-        <color></color>
-        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
-        <price>299.99</price>
-        <image>assets/pic/Nokia_6820.gif</image>
-        <series>6000</series>
-        <triband>true</triband>
-        <camera>true</camera>
-        <video>false</video>
-        <highlight1>Messaging keyboard</highlight1>
-		<highlight2>Bluetooth </highlight2>
-    </product>
-
-    <product productId="8">
-        <name>Nokia 6670</name>
-        <color></color>
-        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
-        <price>309.99</price>
-        <image>assets/pic/Nokia_6670.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>PDF support</highlight1>
-		<highlight2>4x digital zoom</highlight2>
-    </product>
-
-    <product productId="9">
-        <name>Nokia 6620</name>
-        <color></color>
-        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
-        <price>329.99</price>
-        <image>assets/pic/Nokia_6620.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>Bluetooth technology</highlight1>
-		<highlight2>Up to 10 minutes video</highlight2>
-    </product>
-
-    <product productId="10">
-        <name>Nokia 3230</name>
-        <color>Silver</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_black.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="11">
-        <name>Nokia 3230</name>
-        <color>Bronze</color>
-        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
-        <price>369</price>
-        <image>assets/pic/Nokia_3230_bronze.gif</image>
-        <series>3000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>Expandable memory</highlight2>
-    </product>
-
-    <product productId="12">
-        <name>Nokia 6630</name>
-        <color></color>
-        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
-        <price>379</price>
-        <image>assets/pic/Nokia_6630.gif</image>
-        <series>6000</series>
-        <triband>false</triband>
-        <camera>true</camera>
-        <video>true</video>
-        <highlight1>1.3 megapixel</highlight1>
-		<highlight2>6x smooth digital zoom</highlight2>
-    </product>
-
-    
-   
+
+<catalog>
+
+    <product productId="1">
+        <name>Nokia 6010</name>
+        <color></color>
+        <description>Easy to use without sacrificing style, the Nokia 6010 phone offers functional voice communication supported by text messaging, multimedia messaging, mobile internet, games and more</description>
+        <price>99.99</price>
+        <image>assets/pic/Nokia_6010.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>MMS</highlight1>
+		<highlight2>Large color display</highlight2>
+    </product>
+
+    <product productId="2">
+        <name>Nokia 3100</name>
+        <color>Blue</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_blue.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="3">
+        <name>Nokia 3100</name>
+        <color>Pink</color>
+        <description>Light up the night with a glow-in-the-dark cover - when it's charged with light you can easily find your phone in the dark. When you get a call, the Nokia 3100 phone flashes in tune with your ringing tone. And when you snap on a Nokia Xpress-on™ gaming cover*, you'll get luminescent light effects in time to the gaming action.</description>
+        <price>139</price>
+        <image>assets/pic/Nokia_3100_pink.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Glow-in-the-dark</highlight1>
+		<highlight2>Flashing lights</highlight2>
+    </product>
+
+    <product productId="4">
+        <name>Nokia 3120</name>
+        <color></color>
+        <description>Designed for both business and pleasure, the elegant Nokia 3120 phone offers a pleasing mix of features. Enclosed within its chic, compact body, you will discover the benefits of tri-band compatibility, a color screen, MMS, XHTML browsing, cheerful screensavers, and much more.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3120.gif</image>
+        <series>3000</series>
+        <triband>true</triband>
+        <camera>false</camera>
+        <video>false</video>
+        <highlight1>Multimedia messaging</highlight1>
+		<highlight2>Animated screensavers</highlight2>
+    </product>
+
+    <product productId="5">
+        <name>Nokia 3220</name>
+        <color></color>
+        <description>The Nokia 3220 phone is a fresh new cut on some familiar ideas - animate your MMS messages with cute characters, see the music with lights that flash in time with your ringing tone, download wallpapers and screensavers with matching color schemes for the interface.</description>
+        <price>159.99</price>
+        <image>assets/pic/Nokia_3220.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>MIDI tones</highlight1>
+		<highlight2>Cut-out covers</highlight2>
+    </product>
+
+    <product productId="6">
+        <name>Nokia 3650</name>
+        <color></color>
+        <description>Messaging is more personal, versatile and fun with the Nokia 3650 camera phone.  Capture experiences as soon as you see them and send the photos you take to you friends and family.</description>
+        <price>199.99</price>
+        <image>assets/pic/Nokia_3650.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Infrared or Bluetooth</highlight1>
+		<highlight2>Built-in XHTML browser</highlight2>
+    </product>
+
+    <product productId="7">
+        <name>Nokia 6820</name>
+        <color></color>
+        <description>Messaging just got a whole lot smarter. The Nokia 6820 messaging device puts the tools you need for rich communication - full messaging keyboard, digital camera, mobile email, MMS, SMS, and Instant Messaging - right at your fingertips, in a small, sleek device.</description>
+        <price>299.99</price>
+        <image>assets/pic/Nokia_6820.gif</image>
+        <series>6000</series>
+        <triband>true</triband>
+        <camera>true</camera>
+        <video>false</video>
+        <highlight1>Messaging keyboard</highlight1>
+		<highlight2>Bluetooth </highlight2>
+    </product>
+
+    <product productId="8">
+        <name>Nokia 6670</name>
+        <color></color>
+        <description>Classic business tools meet your creative streak in the Nokia 6670 imaging smartphone. It has a Netfront Web browser with PDF support, document viewer applications for email attachments, a direct printing application, and a megapixel still camera that also shoots up to 10 minutes of video.</description>
+        <price>309.99</price>
+        <image>assets/pic/Nokia_6670.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>PDF support</highlight1>
+		<highlight2>4x digital zoom</highlight2>
+    </product>
+
+    <product productId="9">
+        <name>Nokia 6620</name>
+        <color></color>
+        <description>Shoot a basket. Shoot a movie. Video phones from Nokia... the perfect way to save and share life’s playful moments. Feel connected.</description>
+        <price>329.99</price>
+        <image>assets/pic/Nokia_6620.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>Bluetooth technology</highlight1>
+		<highlight2>Up to 10 minutes video</highlight2>
+    </product>
+
+    <product productId="10">
+        <name>Nokia 3230</name>
+        <color>Silver</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_black.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="11">
+        <name>Nokia 3230</name>
+        <color>Bronze</color>
+        <description>Get creative with the Nokia 3230 smartphone. Create your own ringing tones, print your mobile images, play multiplayer games over a wireless Bluetooth connection, and browse HTML and xHTML Web pages. Plus, with a 32 MB MMC card and expandable memory, you'll have lots of space to be creative.</description>
+        <price>369</price>
+        <image>assets/pic/Nokia_3230_bronze.gif</image>
+        <series>3000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>Expandable memory</highlight2>
+    </product>
+
+    <product productId="12">
+        <name>Nokia 6630</name>
+        <color></color>
+        <description>Not only is the Nokia 6630 imaging smartphone a 1.3 megapixel digital imaging device (1.3 megapixel camera sensor, effective resolution 1.23 megapixels for image capture, image size 1280 x 960 pixels), it's also a portable office and a modern rich-media machine.</description>
+        <price>379</price>
+        <image>assets/pic/Nokia_6630.gif</image>
+        <series>6000</series>
+        <triband>false</triband>
+        <camera>true</camera>
+        <video>true</video>
+        <highlight1>1.3 megapixel</highlight1>
+		<highlight2>6x smooth digital zoom</highlight2>
+    </product>
+
+    
+   
 </catalog>
\ No newline at end of file


[10/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.mxml.html
index e78e6b5..ef4ad68 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.mxml.html
@@ -14,46 +14,46 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">CheckModel</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
-        <span class="MXMLDefault_Text">&lt;dateInfo&gt;
-            &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
-        &lt;/dateInfo&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; allowedFormatChars=&quot;</span><span class="MXMLString">/</span><span class="MXMLDefault_Text">&quot; 
-        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot; 
-        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter date of birth (mm/dd/yyyy): </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">dob</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">CheckModel</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
+        <span class="MXMLDefault_Text">&lt;dateInfo&gt;
+            &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
+        &lt;/dateInfo&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; allowedFormatChars=&quot;</span><span class="MXMLString">/</span><span class="MXMLDefault_Text">&quot; 
+        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot; 
+        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter date of birth (mm/dd/yyyy): </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">dob</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Validate</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/validatoricon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/validatoricon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/validatoricon.png.html
index 1eb84d6..9a09f95 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/validatoricon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/validatoricon.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>validatoricon.png</title>
-</head>
-
-<body>
-<img src="validatoricon.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>validatoricon.png</title>
+</head>
+
+<body>
+<img src="validatoricon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/sample1.mxml.html
index c1d74a2..13e3caa 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/sample1.mxml.html
@@ -14,65 +14,65 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">CheckModel</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
-            <span class="MXMLDefault_Text">&lt;dateInfo&gt;
-                &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
-            &lt;/dateInfo&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" allowedFormatChars="</span><span class="MXMLString">/</span><span class="MXMLDefault_Text">" 
-                          trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">" 
-                          valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DateValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter date of birth (mm/dd/yyyy): </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">dob</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">CheckModel</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
+            <span class="MXMLDefault_Text">&lt;dateInfo&gt;
+                &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
+            &lt;/dateInfo&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" allowedFormatChars="</span><span class="MXMLString">/</span><span class="MXMLDefault_Text">" 
+                          trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">" 
+                          valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DateValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter date of birth (mm/dd/yyyy): </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">dob</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Validate</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-DragAndDrop/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample2.html
index 573bb1c..78b450c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceIndex.xml
index 05b98c8..f020a4d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,22 +17,22 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DragAndDrop</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 7K)" url="Sample-Adobe-DragAndDrop.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DragAndDrop</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="sample2.mxml" url="source/sample2.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 7K)" url="Sample-Adobe-DragAndDrop.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/index.html
index e4334ad..ff148ef 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DragAndDrop</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DragAndDrop</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/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-DragAndDrop/srcview/source/final-sample/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/readme.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/readme.html
index b8a4544..a5202d8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/readme.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/readme.html
@@ -14,7 +14,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-Additional details and samples:
-<UL>
-<LI><A HREF="http://livedocs.adobe.com/flex/3/html/dragdrop_1.html">Flex Help - Manually adding drag-and-drop support</A>
+Additional details and samples:
+<UL>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/html/dragdrop_1.html">Flex Help - Manually adding drag-and-drop support</A>
 </UL>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.mxml.html
index 2cbe2b7..6e1add7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample1.mxml.html
@@ -14,34 +14,34 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> allowMultipleSelection=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dropEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragMoveEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">Drag Items between lists</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> allowMultipleSelection=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dropEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragMoveEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
-
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> allowMultipleSelection=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dropEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragMoveEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Orange</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Apple</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Pear</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">Drag Items between lists</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:List</span><span class="MXMLDefault_Text"> allowMultipleSelection=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dropEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dragMoveEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Array&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:String&gt;</span><span class="MXMLDefault_Text">Banana</span><span class="MXMLComponent_Tag">&lt;/mx:String&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Array&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:List&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.html
index 573bb1c..78b450c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DragAndDrop/srcview/source/final-sample/sample2.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample2" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample2.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample2.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample2" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample2" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample2.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample2.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample2" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[49/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml b/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
index 67094d5..54e403b 100644
--- a/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,34 +17,34 @@
   limitations under the License.
 
 -->
-<WipeWindow xmlns="components.*" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="right">
-
-	<mx:Script>
-	<![CDATA[
-		
-		private var commentsInitiallyLoaded:Boolean = false;
-		
-		public function loadComments(objectId:int, isOnline:Boolean):void
-		{
-			if(isOnline)
-				this.html_comments.location = Config.COMMENTS_URL + objectId;
-			else
-				this.html_comments.location = Config.OFFLINE_URL;
-		}
-		
-		private function html_comments_loaded(event:Event):void
-		{			
-			if(commentsInitiallyLoaded)
-				this.parentApplication.HTTP_GetCommentsTotal.send();
-			
-			commentsInitiallyLoaded = true;
-		}
-		
-	]]>
-	</mx:Script>
-	
-	<mx:Button click="{this.visible = false}" styleName="closeButton"/>
-	
-	<mx:HTML id="html_comments" width="100%" height="100%" complete="html_comments_loaded(event)" />
-	
-</WipeWindow>
+<WipeWindow xmlns="components.*" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="right">
+
+	<mx:Script>
+	<![CDATA[
+		
+		private var commentsInitiallyLoaded:Boolean = false;
+		
+		public function loadComments(objectId:int, isOnline:Boolean):void
+		{
+			if(isOnline)
+				this.html_comments.location = Config.COMMENTS_URL + objectId;
+			else
+				this.html_comments.location = Config.OFFLINE_URL;
+		}
+		
+		private function html_comments_loaded(event:Event):void
+		{			
+			if(commentsInitiallyLoaded)
+				this.parentApplication.HTTP_GetCommentsTotal.send();
+			
+			commentsInitiallyLoaded = true;
+		}
+		
+	]]>
+	</mx:Script>
+	
+	<mx:Button click="{this.visible = false}" styleName="closeButton"/>
+	
+	<mx:HTML id="html_comments" width="100%" height="100%" complete="html_comments_loaded(event)" />
+	
+</WipeWindow>

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml b/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
index 7095a69..df4bcbb 100644
--- a/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,65 +17,65 @@
   limitations under the License.
 
 -->
-<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" remove="unloadIllustration();">
-	
-	<mx:Script>
-	<![CDATA[
-		import mx.controls.Alert;
-		import mx.core.Application;
-		import mx.core.FlexGlobals;
-		import mx.modules.ModuleLoader;
-		
-		public var downloadPath:String = "";
-		public var illustrationURL:String = "";
-		public var autoExpand:Boolean = false;
-
-		public function setLocation(path:String, isModule:String):void
-		{			
-			//mx.core.Application.application.button_expand.enabled = true;
-			FlexGlobals.topLevelApplication.button_expand.enabled = true;
-			
-			if(isModule.toLowerCase() == "true")
-			{
-				this.removeChild(html_illustration);
-				module_swfs.url = path;
-				illustrationURL = "";
-				FlexGlobals.topLevelApplication.button_browser.enabled = false;
-			}
-			else
-			{				
-				this.removeChild(module_swfs);
-				html_illustration.location = path;
-				illustrationURL = path;
-				FlexGlobals.topLevelApplication.button_browser.enabled = true;
-
-			}			
-		}
-		
-		public function unloadIllustration():void {
-			if (this.contains(html_illustration)) 
-			{
-				html_illustration.htmlText = ""; // hack - GAW
- 				this.removeChild(html_illustration); // hack - GAW				
-			} 
-			else
-			{	
-				module_swfs.unloadModule();
- 			}
-		}
-		
-	]]>
-	</mx:Script>
-	
-	<mx:Parallel id="arrowShow">
-		<mx:Fade alphaFrom="0.5" alphaTo="1.0" duration="500"/>
-	</mx:Parallel>
-
-	<mx:Parallel id="arrowDim">	
-		<mx:Fade alphaFrom="1.0" alphaTo="0.5" duration="500"/>
-	</mx:Parallel>
-		
-	<mx:HTML id="html_illustration" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" />
-	<mx:ModuleLoader id="module_swfs" height="100%" width="100%" backgroundColor="#323232" horizontalAlign="center" verticalAlign="middle" />
-
-</mx:Canvas>
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" remove="unloadIllustration();">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Alert;
+		import mx.core.Application;
+		import mx.core.FlexGlobals;
+		import mx.modules.ModuleLoader;
+		
+		public var downloadPath:String = "";
+		public var illustrationURL:String = "";
+		public var autoExpand:Boolean = false;
+
+		public function setLocation(path:String, isModule:String):void
+		{			
+			//mx.core.Application.application.button_expand.enabled = true;
+			FlexGlobals.topLevelApplication.button_expand.enabled = true;
+			
+			if(isModule.toLowerCase() == "true")
+			{
+				this.removeChild(html_illustration);
+				module_swfs.url = path;
+				illustrationURL = "";
+				FlexGlobals.topLevelApplication.button_browser.enabled = false;
+			}
+			else
+			{				
+				this.removeChild(module_swfs);
+				html_illustration.location = path;
+				illustrationURL = path;
+				FlexGlobals.topLevelApplication.button_browser.enabled = true;
+
+			}			
+		}
+		
+		public function unloadIllustration():void {
+			if (this.contains(html_illustration)) 
+			{
+				html_illustration.htmlText = ""; // hack - GAW
+ 				this.removeChild(html_illustration); // hack - GAW				
+			} 
+			else
+			{	
+				module_swfs.unloadModule();
+ 			}
+		}
+		
+	]]>
+	</mx:Script>
+	
+	<mx:Parallel id="arrowShow">
+		<mx:Fade alphaFrom="0.5" alphaTo="1.0" duration="500"/>
+	</mx:Parallel>
+
+	<mx:Parallel id="arrowDim">	
+		<mx:Fade alphaFrom="1.0" alphaTo="0.5" duration="500"/>
+	</mx:Parallel>
+		
+	<mx:HTML id="html_illustration" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" />
+	<mx:ModuleLoader id="module_swfs" height="100%" width="100%" backgroundColor="#323232" horizontalAlign="center" verticalAlign="middle" />
+
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml b/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
index 1d4e226..26d55c5 100644
--- a/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,70 +17,70 @@
   limitations under the License.
 
 -->
-<local:TDFTabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="components.*" width="100%" height="100%"  
-	creationComplete="init()" styleName="illustrationTabs"  selectedTabTextStyleName="illustrationTabSelected">
-
-	<mx:Script>
-	<![CDATA[
-		import mx.controls.Image;
-		import mx.collections.ArrayCollection;
-		import mx.controls.HTML;
-		import mx.containers.VBox;
-		
-		public var associatedDocumentsCollection:ArrayCollection;
-		
-		private function init():void
-		{
-			var t:TDFTabNavigator = new TDFTabNavigator();
-			associatedDocumentsCollection = new ArrayCollection();
-		}
-		
-		public function addTab(name:String, path:String, localRootPath:String, isModule:String, downloadPath:String, autoExpand:String, openLinksExternal:String, scrollBars:String, associatedDocuments:Array):void
-		{
-			this.associatedDocumentsCollection.addItem(associatedDocuments);
-						
-			var tab:IllustrationTab = new IllustrationTab();
-			tab.downloadPath = downloadPath;	
-			tab.autoExpand = (autoExpand.toLowerCase() == "true")? true:false;
-			
-			if(name.length == 0)
-				tab.label = "Sample " + (this.getChildren().length + 1);
-			else
-				tab.label = name;
-				
-			this.addChild(tab);
-
-			if(scrollBars.toLowerCase() == "true") {
-				tab.html_illustration.verticalScrollPolicy = "auto";
-				tab.html_illustration.horizontalScrollPolicy = "auto";
-			}
-			
-			if(openLinksExternal.toLowerCase() == "true") 
-				tab.html_illustration.htmlLoader.navigateInSystemBrowser = true;
-
-			if(path.toLowerCase().indexOf("http") == 0)
-				tab.setLocation(path, isModule);
-			else
-				tab.setLocation(localRootPath + path, isModule);
-		}
-		
-		public function removeAllIllustrations():void
-		{
-			//reset selected tab due to tab selection issue - HS - took out, use TDFTabNavigator class now instead.
-			//this.selectedIndex = 0;
-			//this.validateNow();
-			
-			this.removeAllChildren();
-			this.associatedDocumentsCollection.removeAll();
-			
-		}
-		
-		public function hideSwf():void
-		{
-			this.selectedChild.visible = false;
-		}
-		
-	]]>
-	</mx:Script>
-
-</local:TDFTabNavigator>
+<local:TDFTabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="components.*" width="100%" height="100%"  
+	creationComplete="init()" styleName="illustrationTabs"  selectedTabTextStyleName="illustrationTabSelected">
+
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Image;
+		import mx.collections.ArrayCollection;
+		import mx.controls.HTML;
+		import mx.containers.VBox;
+		
+		public var associatedDocumentsCollection:ArrayCollection;
+		
+		private function init():void
+		{
+			var t:TDFTabNavigator = new TDFTabNavigator();
+			associatedDocumentsCollection = new ArrayCollection();
+		}
+		
+		public function addTab(name:String, path:String, localRootPath:String, isModule:String, downloadPath:String, autoExpand:String, openLinksExternal:String, scrollBars:String, associatedDocuments:Array):void
+		{
+			this.associatedDocumentsCollection.addItem(associatedDocuments);
+						
+			var tab:IllustrationTab = new IllustrationTab();
+			tab.downloadPath = downloadPath;	
+			tab.autoExpand = (autoExpand.toLowerCase() == "true")? true:false;
+			
+			if(name.length == 0)
+				tab.label = "Sample " + (this.getChildren().length + 1);
+			else
+				tab.label = name;
+				
+			this.addChild(tab);
+
+			if(scrollBars.toLowerCase() == "true") {
+				tab.html_illustration.verticalScrollPolicy = "auto";
+				tab.html_illustration.horizontalScrollPolicy = "auto";
+			}
+			
+			if(openLinksExternal.toLowerCase() == "true") 
+				tab.html_illustration.htmlLoader.navigateInSystemBrowser = true;
+
+			if(path.toLowerCase().indexOf("http") == 0)
+				tab.setLocation(path, isModule);
+			else
+				tab.setLocation(localRootPath + path, isModule);
+		}
+		
+		public function removeAllIllustrations():void
+		{
+			//reset selected tab due to tab selection issue - HS - took out, use TDFTabNavigator class now instead.
+			//this.selectedIndex = 0;
+			//this.validateNow();
+			
+			this.removeAllChildren();
+			this.associatedDocumentsCollection.removeAll();
+			
+		}
+		
+		public function hideSwf():void
+		{
+			this.selectedChild.visible = false;
+		}
+		
+	]]>
+	</mx:Script>
+
+</local:TDFTabNavigator>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml b/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
index d3d052e..39bc381 100644
--- a/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,70 +17,70 @@
   limitations under the License.
 
 -->
-<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" implements="mx.controls.listClasses.IDropInListItemRenderer" horizontalScrollPolicy="off">
-	
-	<mx:Script>
-	<![CDATA[
-		import mx.controls.listClasses.BaseListData;
-
-		private var _listData:BaseListData;		
-		
-		public function get listData():BaseListData
-		{
-			return _listData;
-		}
-		
-		public function set listData(value:BaseListData):void
-		{
-			_listData = value;
-		}	
-		
-		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
-		{
-			super.updateDisplayList(unscaledWidth, unscaledHeight);
-			
-			if(data)
-			{
-				label_name.text = data.@name;
-				var iconPath:String = data.@iconPath;
-				if(data.@localIconPath.toString().length > 0)
-					iconPath = data.@localIconPath;
-					
-				//Config.IS_ONLINE
-				if(iconPath.length > 0)
-				{
-					if(hasFullPath(data.@iconPath) && data.@localIconPath.toString().length == 0)
-					{
-						if(Config.IS_ONLINE) {
-							image_icon.source = iconPath;
-						} else {
-							image_icon.source = Config.TREE_NO_ICON;
-						}
-					} 
-					else
-					{
-						image_icon.source = Config.LOCAL_OBJECTS_ROOT_PATH + iconPath;
-					}
-				}
-				else
-				{
-					image_icon.source = Config.TREE_NO_ICON;
-				}	
-			}		
-		}
-		
-		private function hasFullPath(path:String):Boolean
-		{
-			if(path.indexOf("//") >= 0 || path.indexOf(":") >= 0)
-				return true;
-			else
-				return false;
-		}
-			
-	]]>
-	</mx:Script>
-	
-	<mx:Image id="image_icon" width="18" height="18" />
-	<mx:Label id="label_name" x="20" />
-	
-</mx:Canvas>
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" implements="mx.controls.listClasses.IDropInListItemRenderer" horizontalScrollPolicy="off">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.listClasses.BaseListData;
+
+		private var _listData:BaseListData;		
+		
+		public function get listData():BaseListData
+		{
+			return _listData;
+		}
+		
+		public function set listData(value:BaseListData):void
+		{
+			_listData = value;
+		}	
+		
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+		{
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+			
+			if(data)
+			{
+				label_name.text = data.@name;
+				var iconPath:String = data.@iconPath;
+				if(data.@localIconPath.toString().length > 0)
+					iconPath = data.@localIconPath;
+					
+				//Config.IS_ONLINE
+				if(iconPath.length > 0)
+				{
+					if(hasFullPath(data.@iconPath) && data.@localIconPath.toString().length == 0)
+					{
+						if(Config.IS_ONLINE) {
+							image_icon.source = iconPath;
+						} else {
+							image_icon.source = Config.TREE_NO_ICON;
+						}
+					} 
+					else
+					{
+						image_icon.source = Config.LOCAL_OBJECTS_ROOT_PATH + iconPath;
+					}
+				}
+				else
+				{
+					image_icon.source = Config.TREE_NO_ICON;
+				}	
+			}		
+		}
+		
+		private function hasFullPath(path:String):Boolean
+		{
+			if(path.indexOf("//") >= 0 || path.indexOf(":") >= 0)
+				return true;
+			else
+				return false;
+		}
+			
+	]]>
+	</mx:Script>
+	
+	<mx:Image id="image_icon" width="18" height="18" />
+	<mx:Label id="label_name" x="20" />
+	
+</mx:Canvas>

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml b/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
index 978200f..59bf20e 100644
--- a/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,63 +17,63 @@
   limitations under the License.
 
 -->
-<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" keyUp="textBox_keyUp(event)" change="textBox_change()">
-
-	<mx:Script>
-	<![CDATA[
-	
-		public static const TEXT_SUBMIT:String = "textSubmit";
-		private var isDirty:Boolean = false;
-		private var typingPauseTimer:Timer;
-
-		private function init():void
-		{
-			typingPauseTimer = new Timer(700, 1);
-			typingPauseTimer.addEventListener(TimerEvent.TIMER, timer_typingPause);
-		}
-
-		private function textBox_change():void
-		{
-			isDirty = true;
-			
-			if(typingPauseTimer.running)
-				typingPauseTimer.reset();
-			typingPauseTimer.start();
-		}
-		
-		private function timer_typingPause(event:TimerEvent):void
-		{
-			if(isDirty)
-				submitText();
-		}
-
-		private function textBox_keyUp(event:KeyboardEvent):void
-		{
-			if(event.keyCode == Keyboard.ENTER && isDirty)
-				submitText();
-		}
-		
-		private function submitText():void
-		{
-			var notificationTimer:Timer = new Timer(100, 1);
-			notificationTimer.addEventListener(TimerEvent.TIMER, timer_turnNotificationOff);
-			notificationTimer.start();
-			
-			isDirty = false;
-			this.setStyle("backgroundColor", 0xFFFFB3);	
-			dispatchEvent(new Event(TEXT_SUBMIT, true));	
-		}
-
-		private function timer_turnNotificationOff(event:TimerEvent):void 
-		{
-			this.setStyle("backgroundColor", 0xFFFFFF);
-		}
-
-	]]>
-	</mx:Script>
-	
-	<mx:Metadata>
-		[Event(name="textSubmit", type="flash.events.Event")]
-	</mx:Metadata>
-	
-</mx:TextInput>
+<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" keyUp="textBox_keyUp(event)" change="textBox_change()">
+
+	<mx:Script>
+	<![CDATA[
+	
+		public static const TEXT_SUBMIT:String = "textSubmit";
+		private var isDirty:Boolean = false;
+		private var typingPauseTimer:Timer;
+
+		private function init():void
+		{
+			typingPauseTimer = new Timer(700, 1);
+			typingPauseTimer.addEventListener(TimerEvent.TIMER, timer_typingPause);
+		}
+
+		private function textBox_change():void
+		{
+			isDirty = true;
+			
+			if(typingPauseTimer.running)
+				typingPauseTimer.reset();
+			typingPauseTimer.start();
+		}
+		
+		private function timer_typingPause(event:TimerEvent):void
+		{
+			if(isDirty)
+				submitText();
+		}
+
+		private function textBox_keyUp(event:KeyboardEvent):void
+		{
+			if(event.keyCode == Keyboard.ENTER && isDirty)
+				submitText();
+		}
+		
+		private function submitText():void
+		{
+			var notificationTimer:Timer = new Timer(100, 1);
+			notificationTimer.addEventListener(TimerEvent.TIMER, timer_turnNotificationOff);
+			notificationTimer.start();
+			
+			isDirty = false;
+			this.setStyle("backgroundColor", 0xFFFFB3);	
+			dispatchEvent(new Event(TEXT_SUBMIT, true));	
+		}
+
+		private function timer_turnNotificationOff(event:TimerEvent):void 
+		{
+			this.setStyle("backgroundColor", 0xFFFFFF);
+		}
+
+	]]>
+	</mx:Script>
+	
+	<mx:Metadata>
+		[Event(name="textSubmit", type="flash.events.Event")]
+	</mx:Metadata>
+	
+</mx:TextInput>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml b/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
index fe8cea9..88a7a20 100644
--- a/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
+++ b/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,29 @@
   limitations under the License.
 
 -->
-<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" showEffect="{this.wipeDown}" hideEffect="{this.wipeUp}" styleName="wipeWindow">
-
-	<mx:Script>
-	<![CDATA[
-		import mx.events.FlexEvent;
-		import mx.events.EffectEvent;
-		
-		public static const HIDE_COMPLETE:String = "hideComplete";
-	
-		private function hideComplete(event:EffectEvent):void
-		{
-			var hideCompleteEvent:FlexEvent = new FlexEvent(HIDE_COMPLETE);
-			dispatchEvent(hideCompleteEvent);	
-		}
-		
-	]]>
-	</mx:Script>
-
-	<mx:Metadata>
-		[Event(name="hideComplete", type="mx.events.FlexEvent")]
-	</mx:Metadata>
-
-	<mx:WipeDown id="wipeDown" duration="500" />
-	<mx:WipeUp id="wipeUp" duration="500" effectEnd="hideComplete(event)" />
-		
-</mx:VBox>
+<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" showEffect="{this.wipeDown}" hideEffect="{this.wipeUp}" styleName="wipeWindow">
+
+	<mx:Script>
+	<![CDATA[
+		import mx.events.FlexEvent;
+		import mx.events.EffectEvent;
+		
+		public static const HIDE_COMPLETE:String = "hideComplete";
+	
+		private function hideComplete(event:EffectEvent):void
+		{
+			var hideCompleteEvent:FlexEvent = new FlexEvent(HIDE_COMPLETE);
+			dispatchEvent(hideCompleteEvent);	
+		}
+		
+	]]>
+	</mx:Script>
+
+	<mx:Metadata>
+		[Event(name="hideComplete", type="mx.events.FlexEvent")]
+	</mx:Metadata>
+
+	<mx:WipeDown id="wipeDown" duration="500" />
+	<mx:WipeUp id="wipeUp" duration="500" effectEnd="hideComplete(event)" />
+		
+</mx:VBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/data/offline.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/offline.html b/TourDeFlex/TourDeFlex/src/data/offline.html
index fa557c0..a6c289a 100644
--- a/TourDeFlex/TourDeFlex/src/data/offline.html
+++ b/TourDeFlex/TourDeFlex/src/data/offline.html
@@ -14,20 +14,20 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html>
-	<head>
-		<title>Offline</title>
-	</head>
-	<body>
-		<table width="100%" height="100%">
-			<tr>
-				<td align="center">
-					<div style="background-color:#E7E2E0; border:solid 2px #B30000; font-size:12px; font-weight:bold; width:50%; padding:60px 20px 60px 20px;">
-						An Internet connection is required.
-					</div>
-				</td>
-			</tr>
-		</table>
-
-	</body>
+<html>
+	<head>
+		<title>Offline</title>
+	</head>
+	<body>
+		<table width="100%" height="100%">
+			<tr>
+				<td align="center">
+					<div style="background-color:#E7E2E0; border:solid 2px #B30000; font-size:12px; font-weight:bold; width:50%; padding:60px 20px 60px 20px;">
+						An Internet connection is required.
+					</div>
+				</td>
+			</tr>
+		</table>
+
+	</body>
 </html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/data/settings.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/settings.xml b/TourDeFlex/TourDeFlex/src/data/settings.xml
index 33e690d..3aaffa2 100644
--- a/TourDeFlex/TourDeFlex/src/data/settings.xml
+++ b/TourDeFlex/TourDeFlex/src/data/settings.xml
@@ -16,34 +16,34 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<Settings title="Tour de Flex">
-	
-	<AboutMenu title="Flex Resources">
-		<Item label="About" data="data/about.html" />
-		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
-
-		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/flashplatform/" />
-
-		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/products/flex/" />
-		
-		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/products/air/" />		
-				
-		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/devnet/flex/" />
-				
-		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/devnet/air/" />
-				
-		<Item label="Flex.org" data="http://flex.org" />
-		
-		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
-		
-		<Item label="Flex 3 LiveDocs" data="http://livedocs.adobe.com/flex/3" />
-		
-		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3/langref/index.html" />	
-		
-		<Item label="Flex Builder Trial Download" data="http://www.adobe.com/go/flex_trial" />
-		
-		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
-									
-	</AboutMenu>
-
-</Settings>
+<Settings title="Tour de Flex">
+	
+	<AboutMenu title="Flex Resources">
+		<Item label="About" data="data/about.html" />
+		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
+
+		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/flashplatform/" />
+
+		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/products/flex/" />
+		
+		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/products/air/" />		
+				
+		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/devnet/flex/" />
+				
+		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/devnet/air/" />
+				
+		<Item label="Flex.org" data="http://flex.org" />
+		
+		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
+		
+		<Item label="Flex 3 LiveDocs" data="http://livedocs.adobe.com/flex/3" />
+		
+		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3/langref/index.html" />	
+		
+		<Item label="Flex Builder Trial Download" data="http://www.adobe.com/go/flex_trial" />
+		
+		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
+									
+	</AboutMenu>
+
+</Settings>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/settings_ja.xml b/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
index 9d47c36..46b6dfe 100644
--- a/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
+++ b/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
@@ -16,35 +16,35 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<Settings title="Tour de Flex">
-	
-	<AboutMenu title="Flex リソース">
-		<Item label="About" data="data/about.html" />
-		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
-
-		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/jp/flashplatform/" />
-
-		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/jp/products/flex/" />
-			
-		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/jp/products/air/" />
-				
-		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/jp/devnet/flex/" />
-				
-		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/jp/devnet/air/" />
-				
-		<Item label="Flex.org" data="http://flex.org" />
-		
-		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
-		
-		<Item label="Flex 3 Resource" data="http://www.adobe.com/support/documentation/jp/flex/" />
-		
-		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3_jp/langref/index.html" />	
-		
-		<Item label="Flex Builder Trial Download" data="https://www.adobe.com/cfusion/tdrc/index.cfm?loc=ja&product=flex" />
-		
-		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
-		<Item label="Education Vanguards" data="http://www.adobe.com/jp/education/hed/vanguards/license_free_faq.html" />	
-									
-	</AboutMenu>
-
+<Settings title="Tour de Flex">
+	
+	<AboutMenu title="Flex リソース">
+		<Item label="About" data="data/about.html" />
+		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
+
+		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/jp/flashplatform/" />
+
+		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/jp/products/flex/" />
+			
+		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/jp/products/air/" />
+				
+		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/jp/devnet/flex/" />
+				
+		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/jp/devnet/air/" />
+				
+		<Item label="Flex.org" data="http://flex.org" />
+		
+		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
+		
+		<Item label="Flex 3 Resource" data="http://www.adobe.com/support/documentation/jp/flex/" />
+		
+		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3_jp/langref/index.html" />	
+		
+		<Item label="Flex Builder Trial Download" data="https://www.adobe.com/cfusion/tdrc/index.cfm?loc=ja&product=flex" />
+		
+		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
+		<Item label="Education Vanguards" data="http://www.adobe.com/jp/education/hed/vanguards/license_free_faq.html" />	
+									
+	</AboutMenu>
+
 </Settings>
\ No newline at end of file


[20/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
index 6401361..f5ce29b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
@@ -14,61 +14,61 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>SearchDemo.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot; 
-    verticalGap=&quot;</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>
-        <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span>
-        <span class="CSSDelimiters">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Style&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> 
-                <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">&quot;John Smith&quot;</span>, <span class="ActionScriptString">&quot;Jane Doe&quot;</span>, <span class="ActionScriptString">&quot;Paul Dupont&quot;</span>, <span class="ActionScriptString">&quot;Liz Jones&quot;</span>, <span class="ActionScriptString">&quot;Marie Taylor&quot;</span><span class="ActionScriptBracket/Brace">])</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1;
-            <span class="ActionScriptBracket/Brace">}</span>
-          
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>;
-                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>;    
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:HBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">right</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;SearchBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">&quot; textChange=&quot;</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; itemSelected=&quot;</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SearchDemo.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot; 
+    verticalGap=&quot;</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>
+        <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span>
+        <span class="CSSDelimiters">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Style&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> 
+                <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptString">&quot;John Smith&quot;</span>, <span class="ActionScriptString">&quot;Jane Doe&quot;</span>, <span class="ActionScriptString">&quot;Paul Dupont&quot;</span>, <span class="ActionScriptString">&quot;Liz Jones&quot;</span>, <span class="ActionScriptString">&quot;Marie Taylor&quot;</span><span class="ActionScriptBracket/Brace">])</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1;
+            <span class="ActionScriptBracket/Brace">}</span>
+          
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>;
+                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:HBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">right</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text=&quot;</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;SearchBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">&quot; textChange=&quot;</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; itemSelected=&quot;</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
index 48983fb..009bfb3 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
@@ -14,73 +14,73 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>VideoPlayer.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;mx:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Metadata&gt;</span>
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;complete&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;stateChange&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Metadata&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240;
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180;
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; 
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</span>;
-                    <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</span>;
-                    <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:VideoDisplay</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; autoPlay=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;
-        top=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;
-        playheadUpdate=&quot;</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
-        source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
-        complete=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
-        stateChange=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">&quot; mode=&quot;</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
-        label=&quot;</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:ButtonBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">&quot; itemClick=&quot;</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; bottom=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; horizontalCenter=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; toolTipField=&quot;</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLCompone
 nt_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_play_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_pause_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_stop_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:ButtonBar&gt;</span>
-
-<span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>VideoPlayer.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Metadata&gt;</span>
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;complete&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;stateChange&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Metadata&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240;
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180;
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; 
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:VideoDisplay</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; autoPlay=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;
+        top=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;
+        playheadUpdate=&quot;</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
+        source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
+        complete=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
+        stateChange=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">&quot; mode=&quot;</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
+        label=&quot;</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ButtonBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">&quot; itemClick=&quot;</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; bottom=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; horizontalCenter=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; toolTipField=&quot;</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLCompone
 nt_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_play_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_pause_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_stop_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:ButtonBar&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
index 62150f7..2cfd8c6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
@@ -14,24 +14,24 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>main.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns:local=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;  
-    layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">&quot;
-        complete=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">&apos;complete\n&apos;</span><span class="MXMLDefault_Text">&quot;
-        stateChange=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;\n&apos;</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:TextArea</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns:local=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;  
+    layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">&quot;
+        complete=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">&apos;complete\n&apos;</span><span class="MXMLDefault_Text">&quot;
+        stateChange=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;\n&apos;</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:TextArea</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
index 9dfaa90..b5f7bae 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
@@ -14,45 +14,45 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>main.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"  
-               xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
-               xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
-               xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">"
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">"
-             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
-             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
-             borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" 
-                              paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
-                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">"
-                           complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">"
-                           mediaPlayerStateChange="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"  
+               xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+               xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+               xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">"
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">"
+             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
+             borderAlpha="</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" 
+                              paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
+                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">"
+                           complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">"
+                           mediaPlayerStateChange="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'\n'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
index 28e744f..e48d8b5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
@@ -16,20 +16,20 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package
-{
-	import flash.events.Event;
-
-	public class SearchBoxEvent extends Event
-	{
-		public static const ITEM_SELECTED:String = "itemSelected";
-	
-		public var item:Object;
-		
-		public function SearchBoxEvent(type:String, item:Object, bubbles:Boolean = true, cancelable:Boolean = false)
-   		{
-   			this.item = item;
-			super(type, bubbles, cancelable);
-		}
-	}
+package
+{
+	import flash.events.Event;
+
+	public class SearchBoxEvent extends Event
+	{
+		public static const ITEM_SELECTED:String = "itemSelected";
+	
+		public var item:Object;
+		
+		public function SearchBoxEvent(type:String, item:Object, bubbles:Boolean = true, cancelable:Boolean = false)
+   		{
+   			this.item = item;
+			super(type, bubbles, cancelable);
+		}
+	}
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
index 4a13ec1..5b17033 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,76 +17,76 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   xmlns:local="*"
-			   skinClass="TDFGradientBackgroundSkin" 
-			   viewSourceURL="srcview/index.html">
-	
-	<fx:Style>
-		@namespace s "library://ns.adobe.com/flex/spark";
-		@namespace mx "library://ns.adobe.com/flex/mx";
-		@namespace local "*";
-		
-		s|Label {
-			color: #000000;
-		}
-		
-	</fx:Style>
-	
-	<fx:Script>
-		<![CDATA[
-			
-			import mx.collections.ArrayCollection;
-			
-			private var names:ArrayCollection = new ArrayCollection( 
-				["John Smith", "Jane Doe", "Paul Dupont", "Liz Jones", "Marie Taylor"]);
-			
-			private function searchName(item:Object):Boolean
-			{
-				return item.toLowerCase().search(searchBox.text) != -1;
-			}
-			
-			private function textChangeHandler():void
-			{
-				names.filterFunction = searchName;
-				names.refresh();
-				searchBox.dataProvider = names;
-			}
-			
-			private function itemSelectedHandler(event:SearchBoxEvent):void
-			{
-				fullName.text = event.item as String;	
-			}
-			
-		]]>
-	</fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="Components Samples"
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
-		
-		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
-		</s:layout>
-		
-		<s:HGroup >
-			<s:Label text="Type a few characters to search:" />
-			<local:SearchBox id="searchBox" textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/>
-		</s:HGroup>
-		
-		<mx:FormItem label="You selected:" >
-			<s:TextInput id="fullName"/>
-		</mx:FormItem>
-		
-	</s:Panel>
-	
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*"
+			   skinClass="TDFGradientBackgroundSkin" 
+			   viewSourceURL="srcview/index.html">
+	
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		@namespace local "*";
+		
+		s|Label {
+			color: #000000;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			
+			import mx.collections.ArrayCollection;
+			
+			private var names:ArrayCollection = new ArrayCollection( 
+				["John Smith", "Jane Doe", "Paul Dupont", "Liz Jones", "Marie Taylor"]);
+			
+			private function searchName(item:Object):Boolean
+			{
+				return item.toLowerCase().search(searchBox.text) != -1;
+			}
+			
+			private function textChangeHandler():void
+			{
+				names.filterFunction = searchName;
+				names.refresh();
+				searchBox.dataProvider = names;
+			}
+			
+			private function itemSelectedHandler(event:SearchBoxEvent):void
+			{
+				fullName.text = event.item as String;	
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Components Samples"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:HGroup >
+			<s:Label text="Type a few characters to search:" />
+			<local:SearchBox id="searchBox" textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/>
+		</s:HGroup>
+		
+		<mx:FormItem label="You selected:" >
+			<s:TextInput id="fullName"/>
+		</mx:FormItem>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
index af39161..8f8b8c2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,73 +17,73 @@
   limitations under the License.
 
 -->
-<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"  
-				   xmlns:s="library://ns.adobe.com/flex/spark" 
-				   xmlns:mx="library://ns.adobe.com/flex/mx" 
-				   borderStyle="solid" 
-				   backgroundColor="#333333">
-	
-	<fx:Metadata>
-		[Event(name="complete", type="mx.events.VideoEvent")]
-		[Event(name="mediaPlayerStateChange", type="org.osmf.events.MediaPlayerStateChangeEvent")]
-	</fx:Metadata>
-	
-	<fx:Script>
-		<![CDATA[
-			import mx.events.ItemClickEvent;
-			import mx.events.VideoEvent;
-			
-			import org.osmf.events.MediaPlayerStateChangeEvent;
-			import org.osmf.events.TimeEvent;
-			
-			[Bindable] public var videoWidth:int = 240;
-			[Bindable] public var videoHeight:int = 180;
-			[Bindable] public var source:String; 
-			
-			private function buttonBarClick(event:ItemClickEvent):void
-			{
-				switch (event.index)
-				{
-					case 0:
-						videoDisplay.play();
-						break;
-					case 1:
-						videoDisplay.pause();
-						break;
-					case 2:
-						videoDisplay.stop();
-						break;
-				}
-			}
-			
-			private function playHeadUpdateHandler(event:TimeEvent):void
-			{
-				progressBar.setProgress(event.time, videoDisplay.duration);
-			}
-			
-		]]>
-	</fx:Script>
-	
-	<s:layout>
-		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:VideoDisplay id="videoDisplay" width="{videoWidth}" height="{videoHeight}" autoPlay="false"
-					currentTimeChange="playHeadUpdateHandler(event)"
-					source="{source}"
-					complete="dispatchEvent(event)"
-					mediaPlayerStateChange="dispatchEvent(event)"/>
-	
-	<mx:ProgressBar id="progressBar" mode="manual" minimum="0" maximum="{videoDisplay.duration}" 
-					label="" top="{videoHeight + 8 }" left="4" right="4"/>
-	
-	<mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" top="{videoHeight + 20}" bottom="4" 
-				  horizontalCenter="0" toolTipField="toolTip">
-		<mx:dataProvider>
-			<fx:Object icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/>
-			<fx:Object icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/>
-			<fx:Object icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/>
-		</mx:dataProvider>
-	</mx:ButtonBar>
-	
-</s:BorderContainer>
+<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"  
+				   xmlns:s="library://ns.adobe.com/flex/spark" 
+				   xmlns:mx="library://ns.adobe.com/flex/mx" 
+				   borderStyle="solid" 
+				   backgroundColor="#333333">
+	
+	<fx:Metadata>
+		[Event(name="complete", type="mx.events.VideoEvent")]
+		[Event(name="mediaPlayerStateChange", type="org.osmf.events.MediaPlayerStateChangeEvent")]
+	</fx:Metadata>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.ItemClickEvent;
+			import mx.events.VideoEvent;
+			
+			import org.osmf.events.MediaPlayerStateChangeEvent;
+			import org.osmf.events.TimeEvent;
+			
+			[Bindable] public var videoWidth:int = 240;
+			[Bindable] public var videoHeight:int = 180;
+			[Bindable] public var source:String; 
+			
+			private function buttonBarClick(event:ItemClickEvent):void
+			{
+				switch (event.index)
+				{
+					case 0:
+						videoDisplay.play();
+						break;
+					case 1:
+						videoDisplay.pause();
+						break;
+					case 2:
+						videoDisplay.stop();
+						break;
+				}
+			}
+			
+			private function playHeadUpdateHandler(event:TimeEvent):void
+			{
+				progressBar.setProgress(event.time, videoDisplay.duration);
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:VideoDisplay id="videoDisplay" width="{videoWidth}" height="{videoHeight}" autoPlay="false"
+					currentTimeChange="playHeadUpdateHandler(event)"
+					source="{source}"
+					complete="dispatchEvent(event)"
+					mediaPlayerStateChange="dispatchEvent(event)"/>
+	
+	<mx:ProgressBar id="progressBar" mode="manual" minimum="0" maximum="{videoDisplay.duration}" 
+					label="" top="{videoHeight + 8 }" left="4" right="4"/>
+	
+	<mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" top="{videoHeight + 20}" bottom="4" 
+				  horizontalCenter="0" toolTipField="toolTip">
+		<mx:dataProvider>
+			<fx:Object icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/>
+			<fx:Object icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/>
+			<fx:Object icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/>
+		</mx:dataProvider>
+	</mx:ButtonBar>
+	
+</s:BorderContainer>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
index 2f2fb89..dc0aec8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,17 +17,17 @@
   limitations under the License.
 
 -->
-<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"  
-		   xmlns:s="library://ns.adobe.com/flex/spark" 
-		   xmlns:mx="library://ns.adobe.com/flex/mx"  
-		   xmlns="*"
-		   layout="horizontal" 
-		   paddingTop="8">
-	
-	<VideoPlayer source="objects/HOWTO/Components/video1.flv"
-				 complete="log.text += 'complete\n'"
-				 mediaPlayerStateChange="log.text += event.state + '\n'"/>
-	
-	<s:TextArea id="log" height="220"/>
-	
-</mx:Module>
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"  
+		   xmlns:s="library://ns.adobe.com/flex/spark" 
+		   xmlns:mx="library://ns.adobe.com/flex/mx"  
+		   xmlns="*"
+		   layout="horizontal" 
+		   paddingTop="8">
+	
+	<VideoPlayer source="objects/HOWTO/Components/video1.flv"
+				 complete="log.text += 'complete\n'"
+				 mediaPlayerStateChange="log.text += event.state + '\n'"/>
+	
+	<s:TextArea id="log" height="220"/>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
index f11dac8..15af0fc 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,18 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx"  width="100%" height="100%">
-	
-	<fx:Script>
-		<![CDATA[
-			import mx.controls.Alert;
-		]]>
-	</fx:Script>
-
-	<mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" error="Alert.show(event.errorText)"/>
-	
-	<s:VideoDisplay/>
-	
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"  width="100%" height="100%">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+
+	<mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" error="Alert.show(event.errorText)"/>
+	
+	<s:VideoDisplay/>
+	
+</s:Application>


[04/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/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-Form/srcview/source/final-sample/Form.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/Form.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/Form.png.html
index b5ead07..f93d95b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/Form.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/Form.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>Form.png</title>
-</head>
-
-<body>
-<img src="Form.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>Form.png</title>
+</head>
+
+<body>
+<img src="Form.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.mxml.html
index e590f95..f81742d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/final-sample/sample1.mxml.html
@@ -14,71 +14,71 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">checkModel</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
-        <span class="MXMLDefault_Text">&lt;User&gt;
-            &lt;FirstName&gt;{</span><span class="ActionScriptDefault_Text">fname</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/FirstName&gt;
-            &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
-            &lt;Email&gt;{</span><span class="ActionScriptDefault_Text">email</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Email&gt;
-            &lt;Age&gt;{</span><span class="ActionScriptDefault_Text">age</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Age&gt;
-            &lt;Zip&gt;{</span><span class="ActionScriptDefault_Text">zip</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Zip&gt;
-            &lt;Phone&gt;{</span><span class="ActionScriptDefault_Text">phone</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Phone&gt;
-        &lt;/User&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Form Container: Moving from one form field to another triggers the validator</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot;
-        color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;
-         verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormHeading</span><span class="MXMLDefault_Text"> fontSize=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;  label=&quot;</span><span class="MXMLString">Enter values into the form.</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">First name</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">fname</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Date of birth (mm/dd/yyyy)</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">dob</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">E-mail address</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">email</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Age</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">age</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Zip</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">zip</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Phone</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">phone</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:StringValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fname</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; minLength=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; maxLength=&quot;</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:PhoneNumberValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">age</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; integerError=&quot;</span><span class="MXMLString">Enter Integer value</span><span class="MXMLDefault_Text">&quot;
-        minValue=&quot;</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">&quot; maxValue=&quot;</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">&quot; domain=&quot;</span><span class="MXMLString">int</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;mx:ZipCodeValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">zip</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">checkModel</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
+        <span class="MXMLDefault_Text">&lt;User&gt;
+            &lt;FirstName&gt;{</span><span class="ActionScriptDefault_Text">fname</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/FirstName&gt;
+            &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
+            &lt;Email&gt;{</span><span class="ActionScriptDefault_Text">email</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Email&gt;
+            &lt;Age&gt;{</span><span class="ActionScriptDefault_Text">age</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Age&gt;
+            &lt;Zip&gt;{</span><span class="ActionScriptDefault_Text">zip</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Zip&gt;
+            &lt;Phone&gt;{</span><span class="ActionScriptDefault_Text">phone</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Phone&gt;
+        &lt;/User&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Form Container: Moving from one form field to another triggers the validator</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot;
+        color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;
+         verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormHeading</span><span class="MXMLDefault_Text"> fontSize=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;  label=&quot;</span><span class="MXMLString">Enter values into the form.</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">First name</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">fname</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Date of birth (mm/dd/yyyy)</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">dob</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">E-mail address</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">email</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Age</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">age</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Zip</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">zip</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Phone</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">phone</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:StringValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fname</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; minLength=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; maxLength=&quot;</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:PhoneNumberValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">age</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; integerError=&quot;</span><span class="MXMLString">Enter Integer value</span><span class="MXMLDefault_Text">&quot;
+        minValue=&quot;</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">&quot; maxValue=&quot;</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">&quot; domain=&quot;</span><span class="MXMLString">int</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:ZipCodeValidator</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">zip</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html
index 23bbcdf..56683e5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html
@@ -14,88 +14,88 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Declarations&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">checkModel</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
-            <span class="MXMLDefault_Text">&lt;User&gt;
-                &lt;FirstName&gt;{</span><span class="ActionScriptDefault_Text">fname</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/FirstName&gt;
-                &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
-                &lt;Email&gt;{</span><span class="ActionScriptDefault_Text">email</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Email&gt;
-                &lt;Age&gt;{</span><span class="ActionScriptDefault_Text">age</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Age&gt;
-                &lt;Zip&gt;{</span><span class="ActionScriptDefault_Text">zip</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Zip&gt;
-                &lt;Phone&gt;{</span><span class="ActionScriptDefault_Text">phone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Phone&gt;
-            &lt;/User&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:StringValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fname</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" minLength="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" maxLength="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:PhoneNumberValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">age</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" integerError="</span><span class="MXMLString">Enter Integer value</span><span class="MXMLDefault_Text">"
-                            minValue="</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">" maxValue="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" domain="</span><span class="MXMLString">int</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:ZipCodeValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">zip</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">" </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">Form Container: Moving from one form field to another triggers the validator</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">" 
-             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> 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;mx:Form</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormHeading</span><span class="MXMLDefault_Text"> fontSize="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"  label="</span><span class="MXMLString">Enter values into the form.</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">First name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fname</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Date of birth (mm/dd/yyyy)</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">dob</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">E-mail address</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">email</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Age</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">age</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Zip</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">zip</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Phone</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">phone</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Declarations&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">checkModel</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
+            <span class="MXMLDefault_Text">&lt;User&gt;
+                &lt;FirstName&gt;{</span><span class="ActionScriptDefault_Text">fname</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/FirstName&gt;
+                &lt;DOB&gt;{</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/DOB&gt;
+                &lt;Email&gt;{</span><span class="ActionScriptDefault_Text">email</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Email&gt;
+                &lt;Age&gt;{</span><span class="ActionScriptDefault_Text">age</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Age&gt;
+                &lt;Zip&gt;{</span><span class="ActionScriptDefault_Text">zip</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Zip&gt;
+                &lt;Phone&gt;{</span><span class="ActionScriptDefault_Text">phone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/Phone&gt;
+            &lt;/User&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:StringValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fname</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" minLength="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" maxLength="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:PhoneNumberValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:EmailValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">age</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" integerError="</span><span class="MXMLString">Enter Integer value</span><span class="MXMLDefault_Text">"
+                            minValue="</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">" maxValue="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" domain="</span><span class="MXMLString">int</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:ZipCodeValidator</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">zip</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">" </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">Form Container: Moving from one form field to another triggers the validator</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">" 
+             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> 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;mx:Form</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormHeading</span><span class="MXMLDefault_Text"> fontSize="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"  label="</span><span class="MXMLString">Enter values into the form.</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">First name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fname</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Date of birth (mm/dd/yyyy)</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">dob</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">E-mail address</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">email</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Age</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">age</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Zip</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">zip</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Phone</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">phone</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&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-Formatter/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceIndex.xml
index 8e5c2dd..fdb0056 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Formatter</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Formatter.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Formatter</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Formatter.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/index.html
index cf7d767..d4842f6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Formatter/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Formatter</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Formatter</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[11/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/formattericon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/formattericon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/formattericon.png.html
index 8d7ee43..74fe3cd 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/formattericon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/formattericon.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>formattericon.png</title>
-</head>
-
-<body>
-<img src="formattericon.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>formattericon.png</title>
+</head>
+
+<body>
+<img src="formattericon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.mxml.html
index a569176..46dcb29 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/final-sample/sample1.mxml.html
@@ -14,61 +14,61 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
-
-            <span class="ActionScriptComment">// Event handler to validate and format input.            
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dateVal</span>.<span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span>.<span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>.<span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedDate</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">dateFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-              
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedDate</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;&quot;</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateFormatter</span><span class="MXMLDefault_Text">&quot; formatString=&quot;</span><span class="MXMLString">month: MM, day: DD, year: YYYY</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateVal</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; inputFormat=&quot;</span><span class="MXMLString">mm/dd/yyyy</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateFormatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter date (mm/dd/yyyy):</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dob</span><span class="MXMLDefault_Text">&quot; text=&quot;</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted date: </span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">formattedDate</span><span class="MXMLDefault_Text">&quot; text=&quot;</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:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
+
+            <span class="ActionScriptComment">// Event handler to validate and format input.            
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dateVal</span>.<span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span>.<span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>.<span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedDate</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">dateFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dob</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+              
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedDate</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;&quot;</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateFormatter</span><span class="MXMLDefault_Text">&quot; formatString=&quot;</span><span class="MXMLString">month: MM, day: DD, year: YYYY</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateVal</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; inputFormat=&quot;</span><span class="MXMLString">mm/dd/yyyy</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateFormatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter date (mm/dd/yyyy):</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dob</span><span class="MXMLDefault_Text">&quot; text=&quot;</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted date: </span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">formattedDate</span><span class="MXMLDefault_Text">&quot; text=&quot;</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:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html
index 10f127a..cf76ddf 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html
@@ -14,78 +14,78 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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">ValidationResultEvent</span>;            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span>:<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
-
-            <span class="ActionScriptComment">// Event handler to validate and format input.            
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</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">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dateVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedDate</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">dateFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-              
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedDate</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateFormatter</span><span class="MXMLDefault_Text">" formatString="</span><span class="MXMLString">month: MM, day: DD, year: YYYY</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateVal</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" inputFormat="</span><span class="MXMLString">mm/dd/yyyy</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DateFormatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter date (mm/dd/yyyy):</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dob</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted date: </span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedDate</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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">ValidationResultEvent</span>;            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span>:<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
+
+            <span class="ActionScriptComment">// Event handler to validate and format input.            
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</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">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dateVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedDate</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">dateFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dob</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+              
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedDate</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateFormatter</span><span class="MXMLDefault_Text">" formatString="</span><span class="MXMLString">month: MM, day: DD, year: YYYY</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:DateValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateVal</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dob</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" inputFormat="</span><span class="MXMLString">mm/dd/yyyy</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DateFormatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter date (mm/dd/yyyy):</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dob</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted date: </span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedDate</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-DateValidator/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceIndex.xml
index 7303a7d..8167e2c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DateValidator</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateValidator.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DateValidator</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateValidator.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/index.html
index d2bab9a..11274ac 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DateValidator</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DateValidator</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/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-DateValidator/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateValidator/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[48/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
index 9241f98..20545ce 100644
--- a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
@@ -23,37 +23,37 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
-            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
-            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-            
-            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
-                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
-item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
-                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
-                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
+item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
 <span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
 </html>

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

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
index 9241f98..20545ce 100644
--- a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
@@ -23,37 +23,37 @@
 <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
-            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
-            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-            
-            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
-                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
-item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
-                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
-                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
+item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
 <span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
 </html>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/html-template/history/history.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/history.css b/TourDeFlex/TourDeFlex3/html-template/history/history.css
index 913d444..822d47e 100755
--- a/TourDeFlex/TourDeFlex3/html-template/history/history.css
+++ b/TourDeFlex/TourDeFlex3/html-template/history/history.css
@@ -1,22 +1,22 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- *     contributor license agreements.  See the NOTICE file distributed with
- *     this work for additional information regarding copyright ownership.
- *     The ASF licenses this file to You under the Apache License, Version 2.0
- *     (the "License"); you may not use this file except in compliance with
- *     the License.  You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- *     Unless required by applicable law or agreed to in writing, software
- *     distributed under the License is distributed on an "AS IS" BASIS,
- *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *     See the License for the specific language governing permissions and
- *     limitations under the License.
- */
-/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */
-
-#ie_historyFrame { width: 0px; height: 0px; display:none }
-#firefox_anchorDiv { width: 0px; height: 0px; display:none }
-#safari_formDiv { width: 0px; height: 0px; display:none }
-#safari_rememberDiv { width: 0px; height: 0px; display:none }
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ *     contributor license agreements.  See the NOTICE file distributed with
+ *     this work for additional information regarding copyright ownership.
+ *     The ASF licenses this file to You under the Apache License, Version 2.0
+ *     (the "License"); you may not use this file except in compliance with
+ *     the License.  You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *     Unless required by applicable law or agreed to in writing, software
+ *     distributed under the License is distributed on an "AS IS" BASIS,
+ *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *     See the License for the specific language governing permissions and
+ *     limitations under the License.
+ */
+/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */
+
+#ie_historyFrame { width: 0px; height: 0px; display:none }
+#firefox_anchorDiv { width: 0px; height: 0px; display:none }
+#safari_formDiv { width: 0px; height: 0px; display:none }
+#safari_rememberDiv { width: 0px; height: 0px; display:none }


[31/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/index.html
index c0eb20b..f25813d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Accordion</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Accordion</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/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-Accordion/srcview/source/final-sample/Accordion.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/Accordion.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/Accordion.png.html
index 46cfe35..750d295 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/Accordion.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/Accordion.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>Accordion.png</title>
-</head>
-
-<body>
-<img src="Accordion.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>Accordion.png</title>
+</head>
+
+<body>
+<img src="Accordion.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.mxml.html
index 762aa16..c3423a2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/final-sample/sample1.mxml.html
@@ -14,49 +14,49 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Accordion Container</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">246</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-            text=&quot;</span><span class="MXMLString">Select an Accordion navigator button to change the panel.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Accordion</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">accordion</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define each panel using a VBox container. </span><span class="MXMLComment">--&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 1</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">Accordion container panel 1</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 2</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">Accordion container panel 2</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 3</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">Accordion container panel 3</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Accordion&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-            text=&quot;</span><span class="MXMLString">Programmatically select the panel using a Button control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;mx:HBox</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 1</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 2</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>1;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 3</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>2;<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:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">Accordion Container</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">246</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</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"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+            text=&quot;</span><span class="MXMLString">Select an Accordion navigator button to change the panel.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Accordion</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">accordion</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define each panel using a VBox container. </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 1</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">Accordion container panel 1</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 2</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">Accordion container panel 2</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Accordion Button for Panel 3</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">Accordion container panel 3</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Accordion&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+            text=&quot;</span><span class="MXMLString">Programmatically select the panel using a Button control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;mx:HBox</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 1</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 2</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>1;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Select Panel 3</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">accordion</span>.<span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>2;<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:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html
index 44e2054..2c3c001 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html
@@ -14,62 +14,62 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Accordion Container</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                 text="</span><span class="MXMLString">Select an Accordion navigator button to change the panel.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:Accordion</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">accordion</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define each panel using a VBox container. </span><span class="MXMLComment">--&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Accordion&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                 text="</span><span class="MXMLString">Programmatically select the panel using a Button control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 1</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 2</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>1;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 3</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>2;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Accordion Container</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">Select an Accordion navigator button to change the panel.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Accordion</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">accordion</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define each panel using a VBox container. </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 2</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:NavigatorContent</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Accordion Button for Panel 3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Accordion container panel 3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:NavigatorContent&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Accordion&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">Programmatically select the panel using a Button control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 1</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 2</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>1;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Select Panel 3</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">accordion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>2;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s: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-AdvancedDataGrid/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceIndex.xml
index 5e7199c..092670a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-AdvancedDataGrid</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 7K)" url="Sample-Adobe-AdvancedDataGrid.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-AdvancedDataGrid</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 7K)" url="Sample-Adobe-AdvancedDataGrid.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/index.html
index c71a7bb..6ac6c19 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-AdvancedDataGrid</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-AdvancedDataGrid</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/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-AdvancedDataGrid/srcview/source/final-sample/AdvancedDataGrid.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/AdvancedDataGrid.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/AdvancedDataGrid.png.html
index bad7b78..a5495e7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/AdvancedDataGrid.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/AdvancedDataGrid.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>AdvancedDataGrid.png</title>
-</head>
-
-<body>
-<img src="AdvancedDataGrid.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>AdvancedDataGrid.png</title>
+</head>
+
+<body>
+<img src="AdvancedDataGrid.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[37/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/sample.mxml.html
index 8578012..0bffa33 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/sample.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/sample.mxml.html
@@ -14,77 +14,77 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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:my="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" minWidth="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" 
-                applicationComplete="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
-            
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Group</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MotionPath</span>;
-
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">photoFeed</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">params</span>:<span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptDefault_Text">params</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">'rss_200_enc'</span>;
-                <span class="ActionScriptDefault_Text">params</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">tags</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchTerms</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
-                <span class="ActionScriptDefault_Text">photoService</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">params</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">photoHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">photoFeed</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rss</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-         <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">photoService</span><span class="MXMLDefault_Text">"
-            url="</span><span class="MXMLString">http://api.flickr.com/services/feeds/photos_public.gne</span><span class="MXMLDefault_Text">"
-            result="</span><span class="ActionScriptDefault_Text">photoHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">10</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">" 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"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Flickr tags or search terms:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">searchTerms</span><span class="MXMLDefault_Text">"
-            enter="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">bugs</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Search</span><span class="MXMLDefault_Text">" 
-            click="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the axis angle </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">axisSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">-90</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">"
-                   value="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">700</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">225</span><span class="MXMLDefault_Text">"
-        dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">photoFeed</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
-        itemRenderer="</span><span class="MXMLString">FlickrThumbnail</span><span class="MXMLDefault_Text">"
-        id="</span><span class="MXMLString">theList</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;my:WheelLayout</span><span class="MXMLDefault_Text"> gap="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" axisAngle="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">axisSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</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:List&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>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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:my="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">" minWidth="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" minHeight="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" 
+                applicationComplete="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rpc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ResultEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Group</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">animation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MotionPath</span>;
+
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">photoFeed</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">params</span>:<span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">params</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">'rss_200_enc'</span>;
+                <span class="ActionScriptDefault_Text">params</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">tags</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchTerms</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+                <span class="ActionScriptDefault_Text">photoService</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">send</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">params</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">photoHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ResultEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">photoFeed</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rss</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+         <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HTTPService</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">photoService</span><span class="MXMLDefault_Text">"
+            url="</span><span class="MXMLString">http://api.flickr.com/services/feeds/photos_public.gne</span><span class="MXMLDefault_Text">"
+            result="</span><span class="ActionScriptDefault_Text">photoHandler</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="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">10</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">" 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"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Flickr tags or search terms:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">searchTerms</span><span class="MXMLDefault_Text">"
+            enter="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">bugs</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Search</span><span class="MXMLDefault_Text">" 
+            click="</span><span class="ActionScriptDefault_Text">requestPhotos</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> The slider to control the axis angle </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HSlider</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">axisSlider</span><span class="MXMLDefault_Text">" minimum="</span><span class="MXMLString">-90</span><span class="MXMLDefault_Text">" maximum="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">"
+                   value="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" liveDragging="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:List</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">700</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">225</span><span class="MXMLDefault_Text">"
+        dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">photoFeed</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+        itemRenderer="</span><span class="MXMLString">FlickrThumbnail</span><span class="MXMLDefault_Text">"
+        id="</span><span class="MXMLString">theList</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;my:WheelLayout</span><span class="MXMLDefault_Text"> gap="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" axisAngle="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">axisSlider</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span><span class="MXMLString">}</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:List&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/CustomLayout-FlickrWheel/srcview/src/FlickrThumbnail.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/FlickrThumbnail.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/FlickrThumbnail.mxml
index 8667a8f..7a7ff88 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/FlickrThumbnail.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/FlickrThumbnail.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,64 +17,64 @@
   limitations under the License.
 
 -->
-<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
-                xmlns:s="library://ns.adobe.com/flex/spark"
-                xmlns:mx="library://ns.adobe.com/flex/mx" click="itemrenderer1_clickHandler(event)">
-
-    <fx:Script>
-        <![CDATA[
-            import spark.components.supportClasses.GroupBase;
-            import spark.effects.Animate;
-            import spark.effects.animation.MotionPath;
-            import spark.effects.animation.SimpleMotionPath;
-            protected function itemrenderer1_clickHandler(event:MouseEvent):void
-            {
-                var g:GroupBase = parent as GroupBase;
-                var p:Point = g.layout.getScrollPositionDeltaToElement(this.itemIndex);
-                if (p)
-                {
-                    var startX:Number = g.horizontalScrollPosition;
-                    var startY:Number = g.verticalScrollPosition;
-                    var anim:Animate = new Animate();
-                    anim.motionPaths = new <MotionPath>[
-                        new SimpleMotionPath("horizontalScrollPosition", startX, startX + p.x, 500),
-                        new SimpleMotionPath("verticalScrollPosition", startY, startY + p.y, 500)
-                    ];
-                    
-                    var interpolator:NumberInterpolatorWrapping = new NumberInterpolatorWrapping(0, g.contentWidth - g.width);
-                    var scrollLength:Number = interpolator.getLength(startX, startX + p.x);
-                    anim.interpolator = interpolator;
-                    anim.duration = Math.max(550, Math.min(2500, scrollLength * 2));
-                    
-                    anim.play([g]);
-                }
-            }
-        ]]>
-    </fx:Script>
-
-	
-	<s:states>
-	    <s:State name="normal"/>
-        <s:State name="hovered"/>
-        <s:State name="selected"/>
-	</s:states>
-	
-    <s:Rect id="border" left="0" right="0" top="0" bottom="0">
-        <s:fill>
-            <s:SolidColor color="0xDFDFDF" color.hovered="0xFF0000" color.selected="0x00FF00"/>
-        </s:fill>
-    </s:Rect>
-
-	<s:Group left="1" right="1" top="1" bottom="1">
-    	<s:layout>
-    	    <s:VerticalLayout horizontalAlign="center"/>
-    	</s:layout>
-    	
-    	<mx:Image 
-    		width="75" height="75"
-    		source="{data.thumbnail.url}" />
-    	<s:Label text="{data.credit}" maxWidth="100" textAlign="center"/>
-    </s:Group>
-	
-</s:ItemRenderer>
-
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:s="library://ns.adobe.com/flex/spark"
+                xmlns:mx="library://ns.adobe.com/flex/mx" click="itemrenderer1_clickHandler(event)">
+
+    <fx:Script>
+        <![CDATA[
+            import spark.components.supportClasses.GroupBase;
+            import spark.effects.Animate;
+            import spark.effects.animation.MotionPath;
+            import spark.effects.animation.SimpleMotionPath;
+            protected function itemrenderer1_clickHandler(event:MouseEvent):void
+            {
+                var g:GroupBase = parent as GroupBase;
+                var p:Point = g.layout.getScrollPositionDeltaToElement(this.itemIndex);
+                if (p)
+                {
+                    var startX:Number = g.horizontalScrollPosition;
+                    var startY:Number = g.verticalScrollPosition;
+                    var anim:Animate = new Animate();
+                    anim.motionPaths = new <MotionPath>[
+                        new SimpleMotionPath("horizontalScrollPosition", startX, startX + p.x, 500),
+                        new SimpleMotionPath("verticalScrollPosition", startY, startY + p.y, 500)
+                    ];
+                    
+                    var interpolator:NumberInterpolatorWrapping = new NumberInterpolatorWrapping(0, g.contentWidth - g.width);
+                    var scrollLength:Number = interpolator.getLength(startX, startX + p.x);
+                    anim.interpolator = interpolator;
+                    anim.duration = Math.max(550, Math.min(2500, scrollLength * 2));
+                    
+                    anim.play([g]);
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	
+	<s:states>
+	    <s:State name="normal"/>
+        <s:State name="hovered"/>
+        <s:State name="selected"/>
+	</s:states>
+	
+    <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+        <s:fill>
+            <s:SolidColor color="0xDFDFDF" color.hovered="0xFF0000" color.selected="0x00FF00"/>
+        </s:fill>
+    </s:Rect>
+
+	<s:Group left="1" right="1" top="1" bottom="1">
+    	<s:layout>
+    	    <s:VerticalLayout horizontalAlign="center"/>
+    	</s:layout>
+    	
+    	<mx:Image 
+    		width="75" height="75"
+    		source="{data.thumbnail.url}" />
+    	<s:Label text="{data.credit}" maxWidth="100" textAlign="center"/>
+    </s:Group>
+	
+</s:ItemRenderer>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/NumberInterpolatorWrapping.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/NumberInterpolatorWrapping.as b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/NumberInterpolatorWrapping.as
index 8613d7b..175bb5a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/NumberInterpolatorWrapping.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/NumberInterpolatorWrapping.as
@@ -16,95 +16,95 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package
-{
-import spark.effects.interpolation.IInterpolator;
-    
-public class NumberInterpolatorWrapping implements IInterpolator
-{
-    private var _rangeBegin:Number;
-    private var _rangeEnd:Number;
-    public function NumberInterpolatorWrapping(rangeBegin:Number, rangeEnd:Number)
-    {
-        _rangeBegin = rangeBegin;
-        _rangeEnd = rangeEnd;
-    }
-        
-    /**
-     * Returns the type that an implementor can handle
-     */
-    public function get interpolatedType():Class
-    {
-        return Number;
-    }
-    
-    /**
-     * Given an elapsed fraction of an animation between 0 and 1,
-     * and start and end values, this function returns some value
-     * based on whatever interpolation the implementor chooses to
-     * provide.
-     */
-    public function interpolate(fraction:Number, startValue:Object, endValue:Object):Object
-    {
-        if (fraction == 0)
-            return startValue;
-        else if (fraction == 1)
-            return endValue;
-        var start:Number = Number(startValue);
-        var end:Number = Number(endValue);
-
-        if (Math.abs(end - start) < Math.abs(_rangeEnd - _rangeBegin) - Math.abs(end - start))
-        {
-            return start + fraction * (end - start);
-        }
-        else
-        {
-            var result:Number;
-            if (start < end)
-            {
-                result = start - fraction * (_rangeEnd - _rangeBegin - Math.abs(start - end));
-                if (result < _rangeBegin)
-                    result += _rangeEnd - _rangeBegin;
-                return result;
-            }
-            else
-            {
-                result = start + fraction * (_rangeEnd - _rangeBegin - Math.abs(start - end));
-                if (result > _rangeEnd)
-                    result -= _rangeEnd - _rangeBegin;
-                return result;
-            }
-        }        
-    }
-    
-    public function increment(baseValue:Object, incrementValue:Object):Object
-    {
-        var result:Number = Number(baseValue) + Number(incrementValue);
-        // This won't handle situations where we're adding more than
-        // the range itself, but since this will only be called when
-        // the user submits a 'byValue' that large, it seems unlikely
-        // at the very least
-        if (result > _rangeEnd)
-            result = _rangeBegin + (result - _rangeEnd);
-        return result;
-    }
-    
-    public function decrement(baseValue:Object, decrementValue:Object):Object
-    {
-        var result:Number = Number(baseValue) - Number(decrementValue);
-        // This won't handle situations where we're subtracting more than
-        // the range itself, but since this will only be called when
-        // the user submits a 'byValue' that large, it seems unlikely
-        // at the very least
-        if (result < _rangeBegin)
-            result = _rangeEnd + (_rangeBegin - result);
-        return result;
-    }
-    
-    public function getLength(startValue:Number, endValue:Number):Number
-    {
-        return Math.min( Math.abs(startValue - endValue), Math.abs(_rangeEnd - _rangeBegin - Math.abs(startValue - endValue)));
-    }   
-
-}
+package
+{
+import spark.effects.interpolation.IInterpolator;
+    
+public class NumberInterpolatorWrapping implements IInterpolator
+{
+    private var _rangeBegin:Number;
+    private var _rangeEnd:Number;
+    public function NumberInterpolatorWrapping(rangeBegin:Number, rangeEnd:Number)
+    {
+        _rangeBegin = rangeBegin;
+        _rangeEnd = rangeEnd;
+    }
+        
+    /**
+     * Returns the type that an implementor can handle
+     */
+    public function get interpolatedType():Class
+    {
+        return Number;
+    }
+    
+    /**
+     * Given an elapsed fraction of an animation between 0 and 1,
+     * and start and end values, this function returns some value
+     * based on whatever interpolation the implementor chooses to
+     * provide.
+     */
+    public function interpolate(fraction:Number, startValue:Object, endValue:Object):Object
+    {
+        if (fraction == 0)
+            return startValue;
+        else if (fraction == 1)
+            return endValue;
+        var start:Number = Number(startValue);
+        var end:Number = Number(endValue);
+
+        if (Math.abs(end - start) < Math.abs(_rangeEnd - _rangeBegin) - Math.abs(end - start))
+        {
+            return start + fraction * (end - start);
+        }
+        else
+        {
+            var result:Number;
+            if (start < end)
+            {
+                result = start - fraction * (_rangeEnd - _rangeBegin - Math.abs(start - end));
+                if (result < _rangeBegin)
+                    result += _rangeEnd - _rangeBegin;
+                return result;
+            }
+            else
+            {
+                result = start + fraction * (_rangeEnd - _rangeBegin - Math.abs(start - end));
+                if (result > _rangeEnd)
+                    result -= _rangeEnd - _rangeBegin;
+                return result;
+            }
+        }        
+    }
+    
+    public function increment(baseValue:Object, incrementValue:Object):Object
+    {
+        var result:Number = Number(baseValue) + Number(incrementValue);
+        // This won't handle situations where we're adding more than
+        // the range itself, but since this will only be called when
+        // the user submits a 'byValue' that large, it seems unlikely
+        // at the very least
+        if (result > _rangeEnd)
+            result = _rangeBegin + (result - _rangeEnd);
+        return result;
+    }
+    
+    public function decrement(baseValue:Object, decrementValue:Object):Object
+    {
+        var result:Number = Number(baseValue) - Number(decrementValue);
+        // This won't handle situations where we're subtracting more than
+        // the range itself, but since this will only be called when
+        // the user submits a 'byValue' that large, it seems unlikely
+        // at the very least
+        if (result < _rangeBegin)
+            result = _rangeEnd + (_rangeBegin - result);
+        return result;
+    }
+    
+    public function getLength(startValue:Number, endValue:Number):Number
+    {
+        return Math.min( Math.abs(startValue - endValue), Math.abs(_rangeEnd - _rangeBegin - Math.abs(startValue - endValue)));
+    }   
+
+}
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/WheelLayout.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/WheelLayout.as b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/WheelLayout.as
index 1ce4bb6..7340a09 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/WheelLayout.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/WheelLayout.as
@@ -16,501 +16,501 @@
 //  limitations under the License.
 //
 ////////////////////////////////////////////////////////////////////////////////
-package
-{
-
-import flash.geom.Matrix;
-import flash.geom.Matrix3D;
-import flash.geom.Point;
-import flash.geom.Rectangle;
-import flash.geom.Vector3D;
-
-import mx.core.ILayoutElement;
-import mx.core.IVisualElement;
-
-import spark.components.supportClasses.GroupBase;
-import spark.core.NavigationUnit;
-import spark.layouts.supportClasses.LayoutBase;
-
-public class WheelLayout extends LayoutBase
-{
-    //--------------------------------------------------------------------------
-    //
-    //  Constructor
-    //
-    //--------------------------------------------------------------------------
-
-    public function WheelLayout()
-    {
-        super();
-    }
-    
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-
-    //----------------------------------
-    //  gap
-    //----------------------------------
-
-    private var _gap:Number = 0;
-
-    /**
-     *  The gap between the items
-     */
-    public function get gap():Number
-    {
-        return _gap;
-    }
-    
-    public function set gap(value:Number):void
-    {
-        _gap = value;
-        var layoutTarget:GroupBase = target;
-        if (layoutTarget)
-        {
-            layoutTarget.invalidateSize();
-            layoutTarget.invalidateDisplayList();
-        }
-    }
-    
-    //----------------------------------
-    //  axisAngle
-    //----------------------------------
-
-    /**
-     *  @private  
-     *  The total width of all items, including gap space.
-     */
-    private var _totalWidth:Number;
-
-    /**
-     *  @private  
-     *  Cache which item is currently in view, to facilitate scrollposition delta calculations
-     */
-    private var _centeredItemIndex:int = 0;
-    private var _centeredItemCircumferenceBegin:Number = 0;
-    private var _centeredItemCircumferenceEnd:Number = 0;
-    private var _centeredItemDegrees:Number = 0;
-
-    /**
-     *  The axis to tilt the 3D wheel 
-     */
-    private var _axis:Vector3D = new Vector3D(0, 1, 0.1);
-    
-    /**
-     *  The angle to tilt the axis of the wheel
-     */
-    public function set axisAngle(value:Number):void
-    {
-        _axis = new Vector3D(0, Math.cos(Math.PI * value /180), Math.sin(Math.PI * value /180));
-        var layoutTarget:GroupBase = target;
-        if (layoutTarget)
-        {
-            layoutTarget.invalidateSize();
-            layoutTarget.invalidateDisplayList();
-        }
-    }
-    
-    /**
-     *  @private 
-     *  Given the radius of the sphere, return the radius of the
-     *  projected sphere. Uses the projection matrix of the
-     *  layout target to calculate.
-     */    
-    private function projectSphere(radius:Number, radius1:Number):Number
-    {
-        var fl:Number = target.transform.perspectiveProjection.focalLength;
-        var alpha:Number = Math.asin( radius1 / (radius + fl) );
-        return fl * Math.tan(alpha) * 2;
-    }
-    
-    /**
-     *  @private
-     *  Given the totalWidth, maxHeight and maxHalfWidthDiagonal, calculate the bounds of the items
-     *  on screen.  Uses the projection matrix of the layout target to calculate. 
-     */
-    private function projectBounds(totalWidth:Number, maxWidth:Number, maxHeight:Number, maxHalfWidthDiagonal:Number):Point
-    {
-        // Use the the total width as a circumference of an imaginary circle which we will use to
-        // align the items in 3D:
-        var radius:Number = _totalWidth * 0.5 / Math.PI;
-        
-        // Now since we are going to arrange all the items along circle, middle of the item being the tangent point,
-        // we need to calculate the minimum bounding circle. It is easily calculated from the maximum width item:
-        var boundingRadius:Number = Math.sqrt(radius * radius + 0.25 * maxWidth * maxWidth);
-                                      
-        var projectedBoundsW:Number = _axis.z * _axis.z * (maxHalfWidthDiagonal + 2 * radius) + 
-                                      projectSphere(radius, boundingRadius ) * _axis.y * _axis.y;
-                                      
-        var projectedBoundsH:Number = Math.abs(_axis.z) * (maxHalfWidthDiagonal + 2 * radius) +
-                                      maxHeight * _axis.y * _axis.y;
-                                      
-        return new Point(projectedBoundsW + 10, projectedBoundsH + 10);
-    }
-
-    /**
-     *  @private 
-     *  Iterates through all the items, calculates the projected bounds on screen, updates _totalWidth member variable.
-     */    
-    private function calculateBounds():Point
-    {
-        // Calculate total width:
-        _totalWidth = 0;
-     
-        var maxHeight:Number = 0;
-        var maxWidth:Number = 0;
-        var maxD:Number = 0;
-   
-        // Add up all the widths
-        var iter:LayoutIterator = new LayoutIterator(target);
-        var el:ILayoutElement;
-        while (el = iter.nextElement())
-        {
-            var preferredWidth:Number = el.getPreferredBoundsWidth(false /*postTransform*/);
-            var preferredHeight:Number = el.getPreferredBoundsHeight(false /*postTransform*/);
-
-            // Add up item width
-            _totalWidth += preferredWidth;
-            
-            // Max up item size
-            maxWidth = Math.max(maxWidth, preferredWidth);
-            maxHeight = Math.max(maxHeight, preferredHeight);
-            
-            maxD = Math.max(maxD, Math.sqrt(preferredWidth * preferredWidth / 4 + 
-                                            preferredHeight * preferredHeight));    
-        }
-        
-        // Add up the gap
-        _totalWidth += gap * iter.numVisited;
-
-        // Project        
-        return projectBounds(_totalWidth, maxWidth, maxHeight, maxD);
-    }
-    
-    //--------------------------------------------------------------------------
-    //
-    //  Overridden methods: LayoutBase
-    //
-    //--------------------------------------------------------------------------
-    
-    /**
-     * @private
-     */
-    override public function set target(value:GroupBase):void
-    {
-        // Make sure that if layout is swapped out, we clean up
-        if (!value && target)
-        {
-            target.maintainProjectionCenter = false;
-
-            var iter:LayoutIterator = new LayoutIterator(target);
-            var el:ILayoutElement;
-            while (el = iter.nextElement())
-            {
-                el.setLayoutMatrix(new Matrix(), false /*triggerLayout*/);
-            }
-        }
-        
-        super.target = value;
-
-        // Make sure we turn on projection the first time the layout
-        // gets assigned to the group
-        if (target)
-            target.maintainProjectionCenter = true;
-    }
-    
-    override public function measure():void
-    {
-        var bounds:Point = calculateBounds();
-        
-        target.measuredWidth = bounds.x;
-        target.measuredHeight = bounds.y;
-    }
-    
-    override public function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
-    {
-        // Get the bounds, this will also update _totalWidth
-        var bounds:Point = calculateBounds();
-
-        // Update the content size
-        target.setContentSize(_totalWidth + unscaledWidth, bounds.y); 
-        var radius:Number = _totalWidth * 0.5 / Math.PI;
-        var gap:Number = this.gap;
-        _centeredItemDegrees = Number.MAX_VALUE;
-        
-        var scrollPosition:Number = target.horizontalScrollPosition;
-        var totalWidthSoFar:Number = 0;
-        // Subtract the half width of the first element from totalWidthSoFar: 
-        var iter:LayoutIterator = new LayoutIterator(target);
-        var el:ILayoutElement = iter.nextElement();
-        if (!el)
-            return;
-        totalWidthSoFar -= el.getPreferredBoundsWidth(false /*postTransform*/) / 2;
-        
-        // Set the 3D Matrix for all the elements:
-        iter.reset();
-        while (el = iter.nextElement())
-        { 
-            // Size the item, no need to position it, since we'd set the computed matrix
-            // which defines the position.
-            el.setLayoutBoundsSize(NaN, NaN, false /*postTransform*/);
-            var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
-            var elementHeight:Number = el.getLayoutBoundsHeight(false /*postTransform*/); 
-            var degrees:Number = 360 * (totalWidthSoFar + elementWidth/2 - scrollPosition) / _totalWidth; 
-
-            // Remember which item is centered, this is used during scrolling
-            var curDegrees:Number = degrees % 360;
-            if (Math.abs(curDegrees) < Math.abs(_centeredItemDegrees))
-            {
-                _centeredItemDegrees = curDegrees;
-                _centeredItemIndex = iter.curIndex;
-                _centeredItemCircumferenceBegin = totalWidthSoFar - gap;
-                _centeredItemCircumferenceEnd = totalWidthSoFar + elementWidth + gap;
-            }
-
-            // Calculate and set the 3D Matrix 
-            var m:Matrix3D = new Matrix3D();
-            m.appendTranslation(-elementWidth/2, -elementHeight/2 + radius * _axis.z, -radius * _axis.y );
-            m.appendRotation(-degrees, _axis);
-            m.appendTranslation(unscaledWidth/2, unscaledHeight/2, radius * _axis.y);
-            el.setLayoutMatrix3D(m, false /*triggerLayout*/);
-            
-            // Update the layer for a correct z-order
-            if (el is IVisualElement)
-                IVisualElement(el).depth = Math.abs( Math.floor(180 - Math.abs(degrees % 360)) );
-
-            // Move on to next item
-            totalWidthSoFar += elementWidth + gap;
-        }
-    }
-    
-    private function scrollPositionFromCenterToNext(next:Boolean):Number
-    {
-        var iter:LayoutIterator = new LayoutIterator(target, _centeredItemIndex);
-        var el:ILayoutElement = next ? iter.nextElementWrapped() : iter.prevElementWrapped();
-        if (!el)
-            return 0;
-        
-        var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
-        
-        var value:Number; 
-        if (next)
-        {
-            if (_centeredItemDegrees > 0.1)
-                return (_centeredItemCircumferenceEnd + _centeredItemCircumferenceBegin) / 2;
-            
-            value = _centeredItemCircumferenceEnd + elementWidth/2;
-            if (value > _totalWidth)
-                value -= _totalWidth;
-        }
-        else
-        {
-            if (_centeredItemDegrees < -0.1)
-                return (_centeredItemCircumferenceEnd + _centeredItemCircumferenceBegin) / 2;
-
-            value = _centeredItemCircumferenceBegin - elementWidth/2;
-            if (value < 0)
-                value += _totalWidth;
-        }
-        return value;     
-    }
-    
-    override protected function scrollPositionChanged():void
-    {
-        if (target)
-            target.invalidateDisplayList();
-    }
-
-    override public function getHorizontalScrollPositionDelta(navigationUnit:uint):Number
-    {
-        var g:GroupBase = target;
-        if (!g || g.numElements == 0)
-            return 0;
-            
-        var value:Number;     
-
-        switch (navigationUnit)
-        {
-            case NavigationUnit.LEFT:
-            {
-                value = target.horizontalScrollPosition - 30;
-                if (value < 0)
-                    value += _totalWidth;
-                return value - target.horizontalScrollPosition;
-            }
-                
-            case NavigationUnit.RIGHT:
-            {
-                value = target.horizontalScrollPosition + 30;
-                if (value > _totalWidth)
-                    value -= _totalWidth;
-                return value - target.horizontalScrollPosition;
-            }
-                
-            case NavigationUnit.PAGE_LEFT:
-                return scrollPositionFromCenterToNext(false) - target.horizontalScrollPosition;
-                
-            case NavigationUnit.PAGE_RIGHT:
-                return scrollPositionFromCenterToNext(true) - target.horizontalScrollPosition;
-                
-            case NavigationUnit.HOME: 
-                return 0;
-                
-            case NavigationUnit.END: 
-                return _totalWidth;
-                
-            default:
-                return 0;
-        }       
-    }
-    
-    /**
-     *  @private
-     */ 
-    override public function getScrollPositionDeltaToElement(index:int):Point
-    {
-        var layoutTarget:GroupBase = target;
-        if (!layoutTarget)
-            return null;
-       
-        var gap:Number = this.gap;     
-        var totalWidthSoFar:Number = 0;
-        var iter:LayoutIterator = new LayoutIterator(layoutTarget);
-
-        var el:ILayoutElement = iter.nextElement();
-        if (!el)
-            return null;
-        totalWidthSoFar -= el.getLayoutBoundsWidth(false /*postTransform*/) / 2;
-
-        iter.reset();
-        while (null != (el = iter.nextElement()) && iter.curIndex <= index)
-        {    
-            var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
-            totalWidthSoFar += gap + elementWidth;
-        }
-        return new Point(totalWidthSoFar - elementWidth / 2 -gap - layoutTarget.horizontalScrollPosition, 0);
-    }
-
-    /**
-     *  @private
-     */ 
-    override public function updateScrollRect(w:Number, h:Number):void
-    {
-        var g:GroupBase = target;
-        if (!g)
-            return;
-            
-        if (clipAndEnableScrolling)
-        {
-            // Since scroll position is reflected in our 3D calculations,
-            // always set the top-left of the srcollRect to (0,0).
-            g.scrollRect = new Rectangle(0, verticalScrollPosition, w, h);
-        }
-        else
-            g.scrollRect = null;
-    } 
-}
-}
-
-import mx.core.ILayoutElement;
-
-import spark.components.supportClasses.GroupBase;
-    
-class LayoutIterator 
-{
-    private var _curIndex:int;
-    private var _numVisited:int = 0;
-    private var totalElements:int;
-    private var _target:GroupBase;
-    private var _loopIndex:int = -1;
-	private var _useVirtual:Boolean;
-
-    public function get curIndex():int
-    {
-        return _curIndex;
-    }
-
-    public function LayoutIterator(target:GroupBase, index:int=-1):void
-    {
-        totalElements = target.numElements;
-        _target = target;
-        _curIndex = index;
-		_useVirtual = _target.layout.useVirtualLayout;
-    }
-
-    public function nextElement():ILayoutElement
-    {
-        while (_curIndex < totalElements - 1)
-        {
-            var el:ILayoutElement = _useVirtual ? _target.getVirtualElementAt(++_curIndex) :
-										 		  _target.getElementAt(++_curIndex);
-            if (el && el.includeInLayout)
-            {
-                ++_numVisited;
-                return el;
-            }
-        }
-        return null;
-    }
-    
-    public function prevElement():ILayoutElement
-    {
-        while (_curIndex > 0)
-        {
-            var el:ILayoutElement = _useVirtual ? _target.getVirtualElementAt(--_curIndex) :
-												  _target.getElementAt(--_curIndex);
-            if (el && el.includeInLayout)
-            {
-                ++_numVisited;
-                return el;
-            }
-        }
-        return null;
-    }
-
-    public function nextElementWrapped():ILayoutElement
-    {
-        if (_loopIndex == -1)
-            _loopIndex = _curIndex;
-        else if (_loopIndex == _curIndex)
-            return null;
-
-        var el:ILayoutElement = nextElement();
-        if (el)
-            return el;
-        else if (_curIndex == totalElements - 1)
-            _curIndex = -1;
-        return nextElement();
-    }
-    
-    public function prevElementWrapped():ILayoutElement
-    {
-        if (_loopIndex == -1)
-            _loopIndex = _curIndex;
-        else if (_loopIndex == _curIndex)
-            return null;
-
-        var el:ILayoutElement = prevElement();
-        if (el)
-            return el;
-        else if (_curIndex == 0)
-            _curIndex = totalElements;
-        return prevElement();
-    }
-
-    public function reset():void
-    {
-        _curIndex = -1;
-        _numVisited = 0;
-        _loopIndex = -1;
-    }
-
-    public function get numVisited():int
-    {
-        return _numVisited;
-    }
-}
-    
+package
+{
+
+import flash.geom.Matrix;
+import flash.geom.Matrix3D;
+import flash.geom.Point;
+import flash.geom.Rectangle;
+import flash.geom.Vector3D;
+
+import mx.core.ILayoutElement;
+import mx.core.IVisualElement;
+
+import spark.components.supportClasses.GroupBase;
+import spark.core.NavigationUnit;
+import spark.layouts.supportClasses.LayoutBase;
+
+public class WheelLayout extends LayoutBase
+{
+    //--------------------------------------------------------------------------
+    //
+    //  Constructor
+    //
+    //--------------------------------------------------------------------------
+
+    public function WheelLayout()
+    {
+        super();
+    }
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+
+    //----------------------------------
+    //  gap
+    //----------------------------------
+
+    private var _gap:Number = 0;
+
+    /**
+     *  The gap between the items
+     */
+    public function get gap():Number
+    {
+        return _gap;
+    }
+    
+    public function set gap(value:Number):void
+    {
+        _gap = value;
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+        {
+            layoutTarget.invalidateSize();
+            layoutTarget.invalidateDisplayList();
+        }
+    }
+    
+    //----------------------------------
+    //  axisAngle
+    //----------------------------------
+
+    /**
+     *  @private  
+     *  The total width of all items, including gap space.
+     */
+    private var _totalWidth:Number;
+
+    /**
+     *  @private  
+     *  Cache which item is currently in view, to facilitate scrollposition delta calculations
+     */
+    private var _centeredItemIndex:int = 0;
+    private var _centeredItemCircumferenceBegin:Number = 0;
+    private var _centeredItemCircumferenceEnd:Number = 0;
+    private var _centeredItemDegrees:Number = 0;
+
+    /**
+     *  The axis to tilt the 3D wheel 
+     */
+    private var _axis:Vector3D = new Vector3D(0, 1, 0.1);
+    
+    /**
+     *  The angle to tilt the axis of the wheel
+     */
+    public function set axisAngle(value:Number):void
+    {
+        _axis = new Vector3D(0, Math.cos(Math.PI * value /180), Math.sin(Math.PI * value /180));
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+        {
+            layoutTarget.invalidateSize();
+            layoutTarget.invalidateDisplayList();
+        }
+    }
+    
+    /**
+     *  @private 
+     *  Given the radius of the sphere, return the radius of the
+     *  projected sphere. Uses the projection matrix of the
+     *  layout target to calculate.
+     */    
+    private function projectSphere(radius:Number, radius1:Number):Number
+    {
+        var fl:Number = target.transform.perspectiveProjection.focalLength;
+        var alpha:Number = Math.asin( radius1 / (radius + fl) );
+        return fl * Math.tan(alpha) * 2;
+    }
+    
+    /**
+     *  @private
+     *  Given the totalWidth, maxHeight and maxHalfWidthDiagonal, calculate the bounds of the items
+     *  on screen.  Uses the projection matrix of the layout target to calculate. 
+     */
+    private function projectBounds(totalWidth:Number, maxWidth:Number, maxHeight:Number, maxHalfWidthDiagonal:Number):Point
+    {
+        // Use the the total width as a circumference of an imaginary circle which we will use to
+        // align the items in 3D:
+        var radius:Number = _totalWidth * 0.5 / Math.PI;
+        
+        // Now since we are going to arrange all the items along circle, middle of the item being the tangent point,
+        // we need to calculate the minimum bounding circle. It is easily calculated from the maximum width item:
+        var boundingRadius:Number = Math.sqrt(radius * radius + 0.25 * maxWidth * maxWidth);
+                                      
+        var projectedBoundsW:Number = _axis.z * _axis.z * (maxHalfWidthDiagonal + 2 * radius) + 
+                                      projectSphere(radius, boundingRadius ) * _axis.y * _axis.y;
+                                      
+        var projectedBoundsH:Number = Math.abs(_axis.z) * (maxHalfWidthDiagonal + 2 * radius) +
+                                      maxHeight * _axis.y * _axis.y;
+                                      
+        return new Point(projectedBoundsW + 10, projectedBoundsH + 10);
+    }
+
+    /**
+     *  @private 
+     *  Iterates through all the items, calculates the projected bounds on screen, updates _totalWidth member variable.
+     */    
+    private function calculateBounds():Point
+    {
+        // Calculate total width:
+        _totalWidth = 0;
+     
+        var maxHeight:Number = 0;
+        var maxWidth:Number = 0;
+        var maxD:Number = 0;
+   
+        // Add up all the widths
+        var iter:LayoutIterator = new LayoutIterator(target);
+        var el:ILayoutElement;
+        while (el = iter.nextElement())
+        {
+            var preferredWidth:Number = el.getPreferredBoundsWidth(false /*postTransform*/);
+            var preferredHeight:Number = el.getPreferredBoundsHeight(false /*postTransform*/);
+
+            // Add up item width
+            _totalWidth += preferredWidth;
+            
+            // Max up item size
+            maxWidth = Math.max(maxWidth, preferredWidth);
+            maxHeight = Math.max(maxHeight, preferredHeight);
+            
+            maxD = Math.max(maxD, Math.sqrt(preferredWidth * preferredWidth / 4 + 
+                                            preferredHeight * preferredHeight));    
+        }
+        
+        // Add up the gap
+        _totalWidth += gap * iter.numVisited;
+
+        // Project        
+        return projectBounds(_totalWidth, maxWidth, maxHeight, maxD);
+    }
+    
+    //--------------------------------------------------------------------------
+    //
+    //  Overridden methods: LayoutBase
+    //
+    //--------------------------------------------------------------------------
+    
+    /**
+     * @private
+     */
+    override public function set target(value:GroupBase):void
+    {
+        // Make sure that if layout is swapped out, we clean up
+        if (!value && target)
+        {
+            target.maintainProjectionCenter = false;
+
+            var iter:LayoutIterator = new LayoutIterator(target);
+            var el:ILayoutElement;
+            while (el = iter.nextElement())
+            {
+                el.setLayoutMatrix(new Matrix(), false /*triggerLayout*/);
+            }
+        }
+        
+        super.target = value;
+
+        // Make sure we turn on projection the first time the layout
+        // gets assigned to the group
+        if (target)
+            target.maintainProjectionCenter = true;
+    }
+    
+    override public function measure():void
+    {
+        var bounds:Point = calculateBounds();
+        
+        target.measuredWidth = bounds.x;
+        target.measuredHeight = bounds.y;
+    }
+    
+    override public function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+    {
+        // Get the bounds, this will also update _totalWidth
+        var bounds:Point = calculateBounds();
+
+        // Update the content size
+        target.setContentSize(_totalWidth + unscaledWidth, bounds.y); 
+        var radius:Number = _totalWidth * 0.5 / Math.PI;
+        var gap:Number = this.gap;
+        _centeredItemDegrees = Number.MAX_VALUE;
+        
+        var scrollPosition:Number = target.horizontalScrollPosition;
+        var totalWidthSoFar:Number = 0;
+        // Subtract the half width of the first element from totalWidthSoFar: 
+        var iter:LayoutIterator = new LayoutIterator(target);
+        var el:ILayoutElement = iter.nextElement();
+        if (!el)
+            return;
+        totalWidthSoFar -= el.getPreferredBoundsWidth(false /*postTransform*/) / 2;
+        
+        // Set the 3D Matrix for all the elements:
+        iter.reset();
+        while (el = iter.nextElement())
+        { 
+            // Size the item, no need to position it, since we'd set the computed matrix
+            // which defines the position.
+            el.setLayoutBoundsSize(NaN, NaN, false /*postTransform*/);
+            var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
+            var elementHeight:Number = el.getLayoutBoundsHeight(false /*postTransform*/); 
+            var degrees:Number = 360 * (totalWidthSoFar + elementWidth/2 - scrollPosition) / _totalWidth; 
+
+            // Remember which item is centered, this is used during scrolling
+            var curDegrees:Number = degrees % 360;
+            if (Math.abs(curDegrees) < Math.abs(_centeredItemDegrees))
+            {
+                _centeredItemDegrees = curDegrees;
+                _centeredItemIndex = iter.curIndex;
+                _centeredItemCircumferenceBegin = totalWidthSoFar - gap;
+                _centeredItemCircumferenceEnd = totalWidthSoFar + elementWidth + gap;
+            }
+
+            // Calculate and set the 3D Matrix 
+            var m:Matrix3D = new Matrix3D();
+            m.appendTranslation(-elementWidth/2, -elementHeight/2 + radius * _axis.z, -radius * _axis.y );
+            m.appendRotation(-degrees, _axis);
+            m.appendTranslation(unscaledWidth/2, unscaledHeight/2, radius * _axis.y);
+            el.setLayoutMatrix3D(m, false /*triggerLayout*/);
+            
+            // Update the layer for a correct z-order
+            if (el is IVisualElement)
+                IVisualElement(el).depth = Math.abs( Math.floor(180 - Math.abs(degrees % 360)) );
+
+            // Move on to next item
+            totalWidthSoFar += elementWidth + gap;
+        }
+    }
+    
+    private function scrollPositionFromCenterToNext(next:Boolean):Number
+    {
+        var iter:LayoutIterator = new LayoutIterator(target, _centeredItemIndex);
+        var el:ILayoutElement = next ? iter.nextElementWrapped() : iter.prevElementWrapped();
+        if (!el)
+            return 0;
+        
+        var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
+        
+        var value:Number; 
+        if (next)
+        {
+            if (_centeredItemDegrees > 0.1)
+                return (_centeredItemCircumferenceEnd + _centeredItemCircumferenceBegin) / 2;
+            
+            value = _centeredItemCircumferenceEnd + elementWidth/2;
+            if (value > _totalWidth)
+                value -= _totalWidth;
+        }
+        else
+        {
+            if (_centeredItemDegrees < -0.1)
+                return (_centeredItemCircumferenceEnd + _centeredItemCircumferenceBegin) / 2;
+
+            value = _centeredItemCircumferenceBegin - elementWidth/2;
+            if (value < 0)
+                value += _totalWidth;
+        }
+        return value;     
+    }
+    
+    override protected function scrollPositionChanged():void
+    {
+        if (target)
+            target.invalidateDisplayList();
+    }
+
+    override public function getHorizontalScrollPositionDelta(navigationUnit:uint):Number
+    {
+        var g:GroupBase = target;
+        if (!g || g.numElements == 0)
+            return 0;
+            
+        var value:Number;     
+
+        switch (navigationUnit)
+        {
+            case NavigationUnit.LEFT:
+            {
+                value = target.horizontalScrollPosition - 30;
+                if (value < 0)
+                    value += _totalWidth;
+                return value - target.horizontalScrollPosition;
+            }
+                
+            case NavigationUnit.RIGHT:
+            {
+                value = target.horizontalScrollPosition + 30;
+                if (value > _totalWidth)
+                    value -= _totalWidth;
+                return value - target.horizontalScrollPosition;
+            }
+                
+            case NavigationUnit.PAGE_LEFT:
+                return scrollPositionFromCenterToNext(false) - target.horizontalScrollPosition;
+                
+            case NavigationUnit.PAGE_RIGHT:
+                return scrollPositionFromCenterToNext(true) - target.horizontalScrollPosition;
+                
+            case NavigationUnit.HOME: 
+                return 0;
+                
+            case NavigationUnit.END: 
+                return _totalWidth;
+                
+            default:
+                return 0;
+        }       
+    }
+    
+    /**
+     *  @private
+     */ 
+    override public function getScrollPositionDeltaToElement(index:int):Point
+    {
+        var layoutTarget:GroupBase = target;
+        if (!layoutTarget)
+            return null;
+       
+        var gap:Number = this.gap;     
+        var totalWidthSoFar:Number = 0;
+        var iter:LayoutIterator = new LayoutIterator(layoutTarget);
+
+        var el:ILayoutElement = iter.nextElement();
+        if (!el)
+            return null;
+        totalWidthSoFar -= el.getLayoutBoundsWidth(false /*postTransform*/) / 2;
+
+        iter.reset();
+        while (null != (el = iter.nextElement()) && iter.curIndex <= index)
+        {    
+            var elementWidth:Number = el.getLayoutBoundsWidth(false /*postTransform*/);
+            totalWidthSoFar += gap + elementWidth;
+        }
+        return new Point(totalWidthSoFar - elementWidth / 2 -gap - layoutTarget.horizontalScrollPosition, 0);
+    }
+
+    /**
+     *  @private
+     */ 
+    override public function updateScrollRect(w:Number, h:Number):void
+    {
+        var g:GroupBase = target;
+        if (!g)
+            return;
+            
+        if (clipAndEnableScrolling)
+        {
+            // Since scroll position is reflected in our 3D calculations,
+            // always set the top-left of the srcollRect to (0,0).
+            g.scrollRect = new Rectangle(0, verticalScrollPosition, w, h);
+        }
+        else
+            g.scrollRect = null;
+    } 
+}
+}
+
+import mx.core.ILayoutElement;
+
+import spark.components.supportClasses.GroupBase;
+    
+class LayoutIterator 
+{
+    private var _curIndex:int;
+    private var _numVisited:int = 0;
+    private var totalElements:int;
+    private var _target:GroupBase;
+    private var _loopIndex:int = -1;
+	private var _useVirtual:Boolean;
+
+    public function get curIndex():int
+    {
+        return _curIndex;
+    }
+
+    public function LayoutIterator(target:GroupBase, index:int=-1):void
+    {
+        totalElements = target.numElements;
+        _target = target;
+        _curIndex = index;
+		_useVirtual = _target.layout.useVirtualLayout;
+    }
+
+    public function nextElement():ILayoutElement
+    {
+        while (_curIndex < totalElements - 1)
+        {
+            var el:ILayoutElement = _useVirtual ? _target.getVirtualElementAt(++_curIndex) :
+										 		  _target.getElementAt(++_curIndex);
+            if (el && el.includeInLayout)
+            {
+                ++_numVisited;
+                return el;
+            }
+        }
+        return null;
+    }
+    
+    public function prevElement():ILayoutElement
+    {
+        while (_curIndex > 0)
+        {
+            var el:ILayoutElement = _useVirtual ? _target.getVirtualElementAt(--_curIndex) :
+												  _target.getElementAt(--_curIndex);
+            if (el && el.includeInLayout)
+            {
+                ++_numVisited;
+                return el;
+            }
+        }
+        return null;
+    }
+
+    public function nextElementWrapped():ILayoutElement
+    {
+        if (_loopIndex == -1)
+            _loopIndex = _curIndex;
+        else if (_loopIndex == _curIndex)
+            return null;
+
+        var el:ILayoutElement = nextElement();
+        if (el)
+            return el;
+        else if (_curIndex == totalElements - 1)
+            _curIndex = -1;
+        return nextElement();
+    }
+    
+    public function prevElementWrapped():ILayoutElement
+    {
+        if (_loopIndex == -1)
+            _loopIndex = _curIndex;
+        else if (_loopIndex == _curIndex)
+            return null;
+
+        var el:ILayoutElement = prevElement();
+        if (el)
+            return el;
+        else if (_curIndex == 0)
+            _curIndex = totalElements;
+        return prevElement();
+    }
+
+    public function reset():void
+    {
+        _curIndex = -1;
+        _numVisited = 0;
+        _loopIndex = -1;
+    }
+
+    public function get numVisited():int
+    {
+        return _numVisited;
+    }
+}
+    

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/sample.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/sample.mxml
index 4ba1a44..11cc4df 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/sample.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/src/sample.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,67 +17,67 @@
   limitations under the License.
 
 -->
-<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
-                xmlns:s="library://ns.adobe.com/flex/spark"
-                xmlns:mx="library://ns.adobe.com/flex/mx"
-                xmlns:my="*" minWidth="600" minHeight="350" 
-				applicationComplete="requestPhotos()" backgroundColor="0x323232" viewSourceURL="srcview/index.html">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.collections.ArrayCollection;
-            import mx.rpc.events.ResultEvent;
-            
-            import spark.components.Group;
-            import spark.components.supportClasses.GroupBase;
-            import spark.effects.animation.MotionPath;
-
-            [Bindable]
-            private var photoFeed:ArrayCollection;
-            
-            private function requestPhotos():void {
-                var params:Object = new Object();
-                params.format = 'rss_200_enc';
-                params.tags = searchTerms.text;
-                photoService.send(params);
-            }
-
-            private function photoHandler(event:ResultEvent):void {
-                photoFeed = event.result.rss.channel.item as ArrayCollection;
-            }
-         ]]>
-    </fx:Script>
-
-    <fx:Declarations>
-        <s:HTTPService id="photoService"
-            url="http://api.flickr.com/services/feeds/photos_public.gne"
-            result="photoHandler(event)" />
-    </fx:Declarations>
-    
-    <s:layout>
-        <s:VerticalLayout paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"/>
-    </s:layout>
-	
-	<s:HGroup verticalAlign="middle">
-		<s:Label text="Flickr tags or search terms:" color="0xFFFFFF"/>
-		<s:TextInput id="searchTerms"
-			enter="requestPhotos()" text="bugs" />
-		<s:Button label="Search" 
-			click="requestPhotos()" />
-		<!-- The slider to control the axis angle -->
-		<s:HSlider id="axisSlider" minimum="-90" maximum="90"
-				   value="10" liveDragging="true" width="300"/>
-	</s:HGroup>
-
-	<s:List width="700" height="225"
-		dataProvider="{photoFeed}"
-		itemRenderer="FlickrThumbnail"
-        id="theList">
-		
-		<s:layout>
-		    <my:WheelLayout gap="20" axisAngle="{axisSlider.value}"/>
-		</s:layout>
-	</s:List>
-
-   
-</s:Application>
+<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:s="library://ns.adobe.com/flex/spark"
+                xmlns:mx="library://ns.adobe.com/flex/mx"
+                xmlns:my="*" minWidth="600" minHeight="350" 
+				applicationComplete="requestPhotos()" backgroundColor="0x323232" viewSourceURL="srcview/index.html">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.collections.ArrayCollection;
+            import mx.rpc.events.ResultEvent;
+            
+            import spark.components.Group;
+            import spark.components.supportClasses.GroupBase;
+            import spark.effects.animation.MotionPath;
+
+            [Bindable]
+            private var photoFeed:ArrayCollection;
+            
+            private function requestPhotos():void {
+                var params:Object = new Object();
+                params.format = 'rss_200_enc';
+                params.tags = searchTerms.text;
+                photoService.send(params);
+            }
+
+            private function photoHandler(event:ResultEvent):void {
+                photoFeed = event.result.rss.channel.item as ArrayCollection;
+            }
+         ]]>
+    </fx:Script>
+
+    <fx:Declarations>
+        <s:HTTPService id="photoService"
+            url="http://api.flickr.com/services/feeds/photos_public.gne"
+            result="photoHandler(event)" />
+    </fx:Declarations>
+    
+    <s:layout>
+        <s:VerticalLayout paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"/>
+    </s:layout>
+	
+	<s:HGroup verticalAlign="middle">
+		<s:Label text="Flickr tags or search terms:" color="0xFFFFFF"/>
+		<s:TextInput id="searchTerms"
+			enter="requestPhotos()" text="bugs" />
+		<s:Button label="Search" 
+			click="requestPhotos()" />
+		<!-- The slider to control the axis angle -->
+		<s:HSlider id="axisSlider" minimum="-90" maximum="90"
+				   value="10" liveDragging="true" width="300"/>
+	</s:HGroup>
+
+	<s:List width="700" height="225"
+		dataProvider="{photoFeed}"
+		itemRenderer="FlickrThumbnail"
+        id="theList">
+		
+		<s:layout>
+		    <my:WheelLayout gap="20" axisAngle="{axisSlider.value}"/>
+		</s:layout>
+	</s:List>
+
+   
+</s:Application>


[12/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.mxml.html
index e936b3b..e7fd783 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.mxml.html
@@ -14,60 +14,60 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the DateField control. </span><span class="MXMLComment">--&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-      <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-         <span class="ActionScriptComment">// Event handler for the DateField change event.
-</span>         <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span>;                
-            <span class="ActionScriptReserved">else</span>
-                <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> 
-                    <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBracket/Brace">()</span>;
-         <span class="ActionScriptBracket/Brace">}</span>
-      <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
- 
- <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateField Control Example</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-       layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; horizontalGap=&quot;</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">&quot; borderColor=&quot;</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</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"> id=&quot;</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateField1</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;
-                change=&quot;</span><span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(D</span><span class="ActionScriptDefault_Text">ateField</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Basic DateField:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-                text=&quot;</span><span class="MXMLString">Select a date in the DateField control. Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">&quot; borderColor=&quot;</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField2</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateField2</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; 
-                disabledRanges=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008, 9, 31<span class="ActionScriptBracket/Brace">)}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Disable dates on or before Oct 31, 2008.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the DateField control. </span><span class="MXMLComment">--&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+      <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+         <span class="ActionScriptComment">// Event handler for the DateField change event.
+</span>         <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span>;                
+            <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> 
+                    <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBracket/Brace">()</span>;
+         <span class="ActionScriptBracket/Brace">}</span>
+      <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+ 
+ <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateField Control Example</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+       layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; horizontalGap=&quot;</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">&quot; borderColor=&quot;</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</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"> id=&quot;</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateField1</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;
+                change=&quot;</span><span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(D</span><span class="ActionScriptDefault_Text">ateField</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Basic DateField:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+                text=&quot;</span><span class="MXMLString">Select a date in the DateField control. Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">&quot; borderColor=&quot;</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField2</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateField2</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; 
+                disabledRanges=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008, 9, 31<span class="ActionScriptBracket/Brace">)}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Disable dates on or before Oct 31, 2008.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html
index 79fcd1a..d839a46 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html
@@ -14,89 +14,89 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the DateField control. </span><span class="MXMLComment">--&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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            
-            <span class="ActionScriptComment">// Event handler for the DateField change event.
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span>;                
-                <span class="ActionScriptReserved">else</span>
-                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> 
-                        <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBrack
 et/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">" </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">DateField Control Example</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">" 
-             width="</span><span class="MXMLString">600</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:BorderContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">" borderColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingBottom="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateField1</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"
-                          change="</span><span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateField</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Basic DateField:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                     text="</span><span class="MXMLString">Select a date in the DateField control. Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/s:BorderContainer&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:BorderContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">" borderColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingBottom="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateField2</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
-                          disabledRanges="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span>: <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008<span class="ActionScriptOperator">,</span> 9<span class="ActionScriptOperator">,</span> 31<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Disable dates on or before Oct 31, 2008.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/s:BorderContainer&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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate the DateField control. </span><span class="MXMLComment">--&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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptComment">// Event handler for the DateField change event.
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span>;                
+                <span class="ActionScriptReserved">else</span>
+                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> 
+                        <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBrack
 et/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">" </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">DateField Control Example</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">" 
+             width="</span><span class="MXMLString">600</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:BorderContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">" borderColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingBottom="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateField1</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"
+                          change="</span><span class="ActionScriptDefault_Text">dateChanged</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateField</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Basic DateField:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                     text="</span><span class="MXMLString">Select a date in the DateField control. Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/s:BorderContainer&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:BorderContainer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">" borderColor="</span><span class="MXMLString">0xDCDCDC</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">solid</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingBottom="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateField2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:DateField</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateField2</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
+                          disabledRanges="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span>: <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008<span class="ActionScriptOperator">,</span> 9<span class="ActionScriptOperator">,</span> 31<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Disable dates on or before Oct 31, 2008.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/s:BorderContainer&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-DateFormatter/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceIndex.xml
index 66467e9..0610ff2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DateFormatter</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateFormatter.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DateFormatter</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateFormatter.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/index.html
index efdf28e..754c421 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DateFormatter</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DateFormatter</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateFormatter/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>


[32/51] [partial] trying to merge TourDeFlex develop release into master

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

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

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

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

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceIndex.xml
index b26c9b0..e82b3ed 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Accordion</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Accordion.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Accordion</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Accordion.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Accordion/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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


[18/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceIndex.xml
index 7ceed26..5865ac9 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-CurrencyFormatter</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CurrencyFormatter.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-CurrencyFormatter</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CurrencyFormatter.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/index.html
index f997687..5d49550 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-CurrencyFormatter</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-CurrencyFormatter</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/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-CurrencyFormatter/srcview/source/final-sample/formattericon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/formattericon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/formattericon.png.html
index 8d7ee43..74fe3cd 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/formattericon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/formattericon.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>formattericon.png</title>
-</head>
-
-<body>
-<img src="formattericon.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>formattericon.png</title>
+</head>
+
+<body>
+<img src="formattericon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.mxml.html
index e7bf33c..7fc521b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/final-sample/sample1.mxml.html
@@ -14,64 +14,64 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-              <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;            
-              <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
-            
-              <span class="ActionScriptComment">// Event handler to validate and format input.
-</span>              <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-              
-                     <span class="ActionScriptDefault_Text">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numVal</span>.<span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">()</span>;
-
-                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span>.<span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>.<span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">priceUS</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>; 
-                        <span class="ActionScriptDefault_Text">formattedUSPrice</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usdFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptBracket/Brace">}</span>
-                    
-                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                       <span class="ActionScriptDefault_Text">formattedUSPrice</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;&quot;</span>;
-                    <span class="ActionScriptBracket/Brace">}</span>
-              <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-   <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">usdFormatter</span><span class="MXMLDefault_Text">&quot; precision=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; currencySymbol=&quot;</span><span class="MXMLString">$</span><span class="MXMLDefault_Text">&quot; decimalSeparatorFrom=&quot;</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">&quot;  rounding=&quot;</span><span class="MXMLString">nearest</span><span class="MXMLDefault_Text">&quot;
-        decimalSeparatorTo=&quot;</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">&quot; useNegativeSign=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; useThousandsSeparator=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; alignSymbol=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">numVal</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; allowNegative=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; domain=&quot;</span><span class="MXMLString">real</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CurrencyFormatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter dollar amount:</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">priceUS</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">50%</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted U.S. dollar amount: </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"> id=&quot;</span><span class="MXMLString">formattedUSPrice</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">50%</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:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+              <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;            
+              <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
+            
+              <span class="ActionScriptComment">// Event handler to validate and format input.
+</span>              <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+              
+                     <span class="ActionScriptDefault_Text">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numVal</span>.<span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">()</span>;
+
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span>.<span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span>.<span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">priceUS</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>; 
+                        <span class="ActionScriptDefault_Text">formattedUSPrice</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usdFormatter</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                       <span class="ActionScriptDefault_Text">formattedUSPrice</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;&quot;</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+              <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+   <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">usdFormatter</span><span class="MXMLDefault_Text">&quot; precision=&quot;</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">&quot; currencySymbol=&quot;</span><span class="MXMLString">$</span><span class="MXMLDefault_Text">&quot; decimalSeparatorFrom=&quot;</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">&quot;  rounding=&quot;</span><span class="MXMLString">nearest</span><span class="MXMLDefault_Text">&quot;
+        decimalSeparatorTo=&quot;</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">&quot; useNegativeSign=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; useThousandsSeparator=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; alignSymbol=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">numVal</span><span class="MXMLDefault_Text">&quot; source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; property=&quot;</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">&quot; allowNegative=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; domain=&quot;</span><span class="MXMLString">real</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CurrencyFormatter Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Enter dollar amount:</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">priceUS</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">50%</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:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Formatted U.S. dollar amount: </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"> id=&quot;</span><span class="MXMLString">formattedUSPrice</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">50%</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:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">&quot; click=&quot;</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">()</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:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html
index 05e71b8..8115858 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html
@@ -14,82 +14,82 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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">ValidationResultEvent</span>;            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span>:<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
-            
-            <span class="ActionScriptComment">// Event handler to validate and format input.
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</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">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">temp</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">priceUS</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>; 
-                    <span class="ActionScriptDefault_Text">formattedUSPrice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usdFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-                    
-                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">formattedUSPrice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">usdFormatter</span><span class="MXMLDefault_Text">" precision="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" currencySymbol="</span><span class="MXMLString">$</span><span class="MXMLDefault_Text">" decimalSeparatorFrom="</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">"  rounding="</span><span class="MXMLString">nearest</span><span class="MXMLDefault_Text">"
-                              decimalSeparatorTo="</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">" useNegativeSign="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" useThousandsSeparator="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" alignSymbol="</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">numVal</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" allowNegative="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" domain="</span><span class="MXMLString">real</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CurrencyFormatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter dollar amount:</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">priceUS</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted U.S. dollar amount: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedUSPrice</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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">ValidationResultEvent</span>;            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">vResult</span>:<span class="ActionScriptDefault_Text">ValidationResultEvent</span>;
+            
+            <span class="ActionScriptComment">// Event handler to validate and format input.
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">Format</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">vResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">numVal</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">validate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">vResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">==</span><span class="ActionScriptDefault_Text">ValidationResultEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">VALID</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">temp</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">=</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">priceUS</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>; 
+                    <span class="ActionScriptDefault_Text">formattedUSPrice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">usdFormatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">temp</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                    
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formattedUSPrice</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:CurrencyFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">usdFormatter</span><span class="MXMLDefault_Text">" precision="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" currencySymbol="</span><span class="MXMLString">$</span><span class="MXMLDefault_Text">" decimalSeparatorFrom="</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">"  rounding="</span><span class="MXMLString">nearest</span><span class="MXMLDefault_Text">"
+                              decimalSeparatorTo="</span><span class="MXMLString">.</span><span class="MXMLDefault_Text">" useNegativeSign="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" useThousandsSeparator="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" alignSymbol="</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:NumberValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">numVal</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">priceUS</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" property="</span><span class="MXMLString">text</span><span class="MXMLDefault_Text">" allowNegative="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" domain="</span><span class="MXMLString">real</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CurrencyFormatter Example</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;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Enter dollar amount:</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">priceUS</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">50%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Formatted U.S. dollar amount: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">formattedUSPrice</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Validate and Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-CurrencyValidator/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceIndex.xml
index cc9812f..d9c485a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyValidator/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-CurrencyValidator</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CurrencyValidator.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-CurrencyValidator</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CurrencyValidator.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>


[06/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample1.mxml.html
index ed72b4a..13d8463 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample1.mxml.html
@@ -14,48 +14,48 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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;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">Handling Events - Inline property Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Property </span><span class="MXMLComment">--&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">click me</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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;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">Handling Events - Inline property Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Property </span><span class="MXMLComment">--&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">click me</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample2.mxml.html
index c04d444..6d21a4b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample2.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample2.mxml.html
@@ -14,52 +14,52 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample2.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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;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">Handling Events - Inline Block Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Block </span><span class="MXMLComment">--&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:click&gt;</span>
-                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="MXMLComponent_Tag">&lt;/s:click&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:Button&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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;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">Handling Events - Inline Block Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Inline Block </span><span class="MXMLComment">--&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:click&gt;</span>
+                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="MXMLComponent_Tag">&lt;/s:click&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Button&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s: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-Events/srcview/source/sample3.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample3.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample3.mxml.html
index 9225aff..d27e174 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample3.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample3.mxml.html
@@ -14,53 +14,53 @@
   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>sample3.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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</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: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">Handling Events - Function Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function </span><span class="MXMLComment">--&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">handleClick</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: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>sample3.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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</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: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">Handling Events - Function Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function </span><span class="MXMLComment">--&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">handleClick</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: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-Events/srcview/source/sample4.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample4.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample4.mxml.html
index 5c120e7..43902c6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample4.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample4.mxml.html
@@ -14,59 +14,59 @@
   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>sample4.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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</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: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">Handling Events - Function with addEventListener Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function with addEventListener </span><span class="MXMLComment">--&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:creationComplete&gt;</span>
-                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="MXMLComponent_Tag">&lt;/s:creationComplete&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:Button&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>sample4.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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</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="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'clicked!'</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: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">Handling Events - Function with addEventListener Sample</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:VerticalLayout</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> Handling Events - Function with addEventListener </span><span class="MXMLComment">--&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">b</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">click me once</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:creationComplete&gt;</span>
+                <span class="ActionScriptDefault_Text">b</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLICK</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">handleClick</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="MXMLComponent_Tag">&lt;/s:creationComplete&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Button&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-Events/srcview/source/sample5.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample5.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample5.mxml.html
index f65a0ce..01a967e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample5.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Events/srcview/source/sample5.mxml.html
@@ -14,53 +14,53 @@
   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>sample5.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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching an Event </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;local:FiveSecondTrigger</span><span class="MXMLDefault_Text"> triggered="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'five second event triggered'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Dispatching Events Sample</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">wait 5 seconds</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample5.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: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;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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Dispatching an Event </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;local:FiveSecondTrigger</span><span class="MXMLDefault_Text"> triggered="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'five second event triggered'</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Dispatching Events Sample</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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">wait 5 seconds</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceIndex.xml
index be1427d..02e6b5d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,28 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Filters</title>
-	<nodes>
-		<node label="html-template">
-			<node label="history">
-				<node icon="cssIcon" label="history.css" url="source/html-template/history/history.css.html"/>
-				<node label="history.js" url="source/html-template/history/history.js.txt"/>
-				<node icon="htmlIcon" label="historyFrame.html" url="source/html-template/history/historyFrame.html"/>
-			</node>
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-			<node icon="swfIcon" label="playerProductInstall.swf" url="source/html-template/playerProductInstall.swf"/>
-			<node label="swfobject.js" url="source/html-template/swfobject.js.txt"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 21K)" url="Sample-Adobe-Filters.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Filters</title>
+	<nodes>
+		<node label="html-template">
+			<node label="history">
+				<node icon="cssIcon" label="history.css" url="source/html-template/history/history.css.html"/>
+				<node label="history.js" url="source/html-template/history/history.js.txt"/>
+				<node icon="htmlIcon" label="historyFrame.html" url="source/html-template/history/historyFrame.html"/>
+			</node>
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+			<node icon="swfIcon" label="playerProductInstall.swf" url="source/html-template/playerProductInstall.swf"/>
+			<node label="swfobject.js" url="source/html-template/swfobject.js.txt"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 21K)" url="Sample-Adobe-Filters.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>


[47/51] [partial] trying to merge TourDeFlex develop release into master

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html b/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
index a06035f..255339f 100755
--- a/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
+++ b/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
@@ -1,45 +1,45 @@
-<!--
-  ~ Licensed to the Apache Software Foundation (ASF) under one or more
-  ~     contributor license agreements.  See the NOTICE file distributed with
-  ~     this work for additional information regarding copyright ownership.
-  ~     The ASF licenses this file to You under the Apache License, Version 2.0
-  ~     (the "License"); you may not use this file except in compliance with
-  ~     the License.  You may obtain a copy of the License at
-  ~
-  ~         http://www.apache.org/licenses/LICENSE-2.0
-  ~
-  ~     Unless required by applicable law or agreed to in writing, software
-  ~     distributed under the License is distributed on an "AS IS" BASIS,
-  ~     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  ~     See the License for the specific language governing permissions and
-  ~     limitations under the License.
-  -->
-<html>
-    <head>
-        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
-        <META HTTP-EQUIV="Expires" CONTENT="-1"> 
-    </head>
-    <body>
-    <script>
-        function processUrl()
-        {
-
-            var pos = url.indexOf("?");
-            url = pos != -1 ? url.substr(pos + 1) : "";
-            if (!parent._ie_firstload) {
-                parent.BrowserHistory.setBrowserURL(url);
-                try {
-                    parent.BrowserHistory.browserURLChange(url);
-                } catch(e) { }
-            } else {
-                parent._ie_firstload = false;
-            }
-        }
-
-        var url = document.location.href;
-        processUrl();
-        document.write(encodeURIComponent(url));
-    </script>
-    Hidden frame for Browser History support.
-    </body>
-</html>
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~     contributor license agreements.  See the NOTICE file distributed with
+  ~     this work for additional information regarding copyright ownership.
+  ~     The ASF licenses this file to You under the Apache License, Version 2.0
+  ~     (the "License"); you may not use this file except in compliance with
+  ~     the License.  You may obtain a copy of the License at
+  ~
+  ~         http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~     Unless required by applicable law or agreed to in writing, software
+  ~     distributed under the License is distributed on an "AS IS" BASIS,
+  ~     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~     See the License for the specific language governing permissions and
+  ~     limitations under the License.
+  -->
+<html>
+    <head>
+        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+        <META HTTP-EQUIV="Expires" CONTENT="-1"> 
+    </head>
+    <body>
+    <script>
+        function processUrl()
+        {
+
+            var pos = url.indexOf("?");
+            url = pos != -1 ? url.substr(pos + 1) : "";
+            if (!parent._ie_firstload) {
+                parent.BrowserHistory.setBrowserURL(url);
+                try {
+                    parent.BrowserHistory.browserURLChange(url);
+                } catch(e) { }
+            } else {
+                parent._ie_firstload = false;
+            }
+        }
+
+        var url = document.location.href;
+        processUrl();
+        document.write(encodeURIComponent(url));
+    </script>
+    Hidden frame for Browser History support.
+    </body>
+</html>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex3/src/AC_OETags.js
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/AC_OETags.js b/TourDeFlex/TourDeFlex3/src/AC_OETags.js
index 31530b6..89f7a73 100755
--- a/TourDeFlex/TourDeFlex3/src/AC_OETags.js
+++ b/TourDeFlex/TourDeFlex3/src/AC_OETags.js
@@ -1,282 +1,282 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- *     contributor license agreements.  See the NOTICE file distributed with
- *     this work for additional information regarding copyright ownership.
- *     The ASF licenses this file to You under the Apache License, Version 2.0
- *     (the "License"); you may not use this file except in compliance with
- *     the License.  You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- *     Unless required by applicable law or agreed to in writing, software
- *     distributed under the License is distributed on an "AS IS" BASIS,
- *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *     See the License for the specific language governing permissions and
- *     limitations under the License.
- */
-var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
-var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
-var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
-
-function ControlVersion()
-{
-	var version;
-	var axo;
-	var e;
-
-	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
-
-	try {
-		// version will be set for 7.X or greater players
-		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
-		version = axo.GetVariable("$version");
-	} catch (e) {
-	}
-
-	if (!version)
-	{
-		try {
-			// version will be set for 6.X players only
-			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
-			
-			// installed player is some revision of 6.0
-			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
-			// so we have to be careful. 
-			
-			// default to the first public version
-			version = "WIN 6,0,21,0";
-
-			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
-			axo.AllowScriptAccess = "always";
-
-			// safe to call for 6.0r47 or greater
-			version = axo.GetVariable("$version");
-
-		} catch (e) {
-		}
-	}
-
-	if (!version)
-	{
-		try {
-			// version will be set for 4.X or 5.X player
-			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
-			version = axo.GetVariable("$version");
-		} catch (e) {
-		}
-	}
-
-	if (!version)
-	{
-		try {
-			// version will be set for 3.X player
-			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
-			version = "WIN 3,0,18,0";
-		} catch (e) {
-		}
-	}
-
-	if (!version)
-	{
-		try {
-			// version will be set for 2.X player
-			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
-			version = "WIN 2,0,0,11";
-		} catch (e) {
-			version = -1;
-		}
-	}
-	
-	return version;
-}
-
-// JavaScript helper required to detect Flash Player PlugIn version information
-function GetSwfVer(){
-	// NS/Opera version >= 3 check for Flash plugin in plugin array
-	var flashVer = -1;
-	
-	if (navigator.plugins != null && navigator.plugins.length > 0) {
-		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
-			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
-			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;			
-			var descArray = flashDescription.split(" ");
-			var tempArrayMajor = descArray[2].split(".");
-			var versionMajor = tempArrayMajor[0];
-			var versionMinor = tempArrayMajor[1];
-			if ( descArray[3] != "" ) {
-				tempArrayMinor = descArray[3].split("r");
-			} else {
-				tempArrayMinor = descArray[4].split("r");
-			}
-			var versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
-			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
-		}
-	}
-	// MSN/WebTV 2.6 supports Flash 4
-	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
-	// WebTV 2.5 supports Flash 3
-	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
-	// older WebTV supports Flash 2
-	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
-	else if ( isIE && isWin && !isOpera ) {
-		flashVer = ControlVersion();
-	}	
-	return flashVer;
-}
-
-// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
-function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
-{
-	versionStr = GetSwfVer();
-	if (versionStr == -1 ) {
-		return false;
-	} else if (versionStr != 0) {
-		if(isIE && isWin && !isOpera) {
-			// Given "WIN 2,0,0,11"
-			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
-			tempString        = tempArray[1];			// "2,0,0,11"
-			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
-		} else {
-			versionArray      = versionStr.split(".");
-		}
-		var versionMajor      = versionArray[0];
-		var versionMinor      = versionArray[1];
-		var versionRevision   = versionArray[2];
-
-        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
-		if (versionMajor > parseFloat(reqMajorVer)) {
-			return true;
-		} else if (versionMajor == parseFloat(reqMajorVer)) {
-			if (versionMinor > parseFloat(reqMinorVer))
-				return true;
-			else if (versionMinor == parseFloat(reqMinorVer)) {
-				if (versionRevision >= parseFloat(reqRevision))
-					return true;
-			}
-		}
-		return false;
-	}
-}
-
-function AC_AddExtension(src, ext)
-{
-  if (src.indexOf('?') != -1)
-    return src.replace(/\?/, ext+'?'); 
-  else
-    return src + ext;
-}
-
-function AC_Generateobj(objAttrs, params, embedAttrs) 
-{ 
-    var str = '';
-    if (isIE && isWin && !isOpera)
-    {
-  		str += '<object ';
-  		for (var i in objAttrs)
-  			str += i + '="' + objAttrs[i] + '" ';
-  		for (var i in params)
-  			str += '><param name="' + i + '" value="' + params[i] + '" /> ';
-  		str += '></object>';
-    } else {
-  		str += '<embed ';
-  		for (var i in embedAttrs)
-  			str += i + '="' + embedAttrs[i] + '" ';
-  		str += '> </embed>';
-    }
-
-    document.write(str);
-}
-
-function AC_FL_RunContent(){
-  var ret = 
-    AC_GetArgs
-    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
-     , "application/x-shockwave-flash"
-    );
-  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
-}
-
-function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
-  var ret = new Object();
-  ret.embedAttrs = new Object();
-  ret.params = new Object();
-  ret.objAttrs = new Object();
-  for (var i=0; i < args.length; i=i+2){
-    var currArg = args[i].toLowerCase();    
-
-    switch (currArg){	
-      case "classid":
-        break;
-      case "pluginspage":
-        ret.embedAttrs[args[i]] = args[i+1];
-        break;
-      case "src":
-      case "movie":	
-        args[i+1] = AC_AddExtension(args[i+1], ext);
-        ret.embedAttrs["src"] = args[i+1];
-        ret.params[srcParamName] = args[i+1];
-        break;
-      case "onafterupdate":
-      case "onbeforeupdate":
-      case "onblur":
-      case "oncellchange":
-      case "onclick":
-      case "ondblClick":
-      case "ondrag":
-      case "ondragend":
-      case "ondragenter":
-      case "ondragleave":
-      case "ondragover":
-      case "ondrop":
-      case "onfinish":
-      case "onfocus":
-      case "onhelp":
-      case "onmousedown":
-      case "onmouseup":
-      case "onmouseover":
-      case "onmousemove":
-      case "onmouseout":
-      case "onkeypress":
-      case "onkeydown":
-      case "onkeyup":
-      case "onload":
-      case "onlosecapture":
-      case "onpropertychange":
-      case "onreadystatechange":
-      case "onrowsdelete":
-      case "onrowenter":
-      case "onrowexit":
-      case "onrowsinserted":
-      case "onstart":
-      case "onscroll":
-      case "onbeforeeditfocus":
-      case "onactivate":
-      case "onbeforedeactivate":
-      case "ondeactivate":
-      case "type":
-      case "codebase":
-      case "id":
-        ret.objAttrs[args[i]] = args[i+1];
-        break;
-      case "width":
-      case "height":
-      case "align":
-      case "vspace": 
-      case "hspace":
-      case "class":
-      case "title":
-      case "accesskey":
-      case "name":
-      case "tabindex":
-        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
-        break;
-      default:
-        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
-    }
-  }
-  ret.objAttrs["classid"] = classid;
-  if (mimeType) ret.embedAttrs["type"] = mimeType;
-  return ret;
-}
-
-
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ *     contributor license agreements.  See the NOTICE file distributed with
+ *     this work for additional information regarding copyright ownership.
+ *     The ASF licenses this file to You under the Apache License, Version 2.0
+ *     (the "License"); you may not use this file except in compliance with
+ *     the License.  You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *     Unless required by applicable law or agreed to in writing, software
+ *     distributed under the License is distributed on an "AS IS" BASIS,
+ *     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *     See the License for the specific language governing permissions and
+ *     limitations under the License.
+ */
+var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
+var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
+var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
+
+function ControlVersion()
+{
+	var version;
+	var axo;
+	var e;
+
+	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
+
+	try {
+		// version will be set for 7.X or greater players
+		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
+		version = axo.GetVariable("$version");
+	} catch (e) {
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 6.X players only
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
+			
+			// installed player is some revision of 6.0
+			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
+			// so we have to be careful. 
+			
+			// default to the first public version
+			version = "WIN 6,0,21,0";
+
+			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
+			axo.AllowScriptAccess = "always";
+
+			// safe to call for 6.0r47 or greater
+			version = axo.GetVariable("$version");
+
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 4.X or 5.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = axo.GetVariable("$version");
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 3.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = "WIN 3,0,18,0";
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 2.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
+			version = "WIN 2,0,0,11";
+		} catch (e) {
+			version = -1;
+		}
+	}
+	
+	return version;
+}
+
+// JavaScript helper required to detect Flash Player PlugIn version information
+function GetSwfVer(){
+	// NS/Opera version >= 3 check for Flash plugin in plugin array
+	var flashVer = -1;
+	
+	if (navigator.plugins != null && navigator.plugins.length > 0) {
+		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
+			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
+			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;			
+			var descArray = flashDescription.split(" ");
+			var tempArrayMajor = descArray[2].split(".");
+			var versionMajor = tempArrayMajor[0];
+			var versionMinor = tempArrayMajor[1];
+			if ( descArray[3] != "" ) {
+				tempArrayMinor = descArray[3].split("r");
+			} else {
+				tempArrayMinor = descArray[4].split("r");
+			}
+			var versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
+			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
+		}
+	}
+	// MSN/WebTV 2.6 supports Flash 4
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
+	// WebTV 2.5 supports Flash 3
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
+	// older WebTV supports Flash 2
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
+	else if ( isIE && isWin && !isOpera ) {
+		flashVer = ControlVersion();
+	}	
+	return flashVer;
+}
+
+// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
+function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
+{
+	versionStr = GetSwfVer();
+	if (versionStr == -1 ) {
+		return false;
+	} else if (versionStr != 0) {
+		if(isIE && isWin && !isOpera) {
+			// Given "WIN 2,0,0,11"
+			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
+			tempString        = tempArray[1];			// "2,0,0,11"
+			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
+		} else {
+			versionArray      = versionStr.split(".");
+		}
+		var versionMajor      = versionArray[0];
+		var versionMinor      = versionArray[1];
+		var versionRevision   = versionArray[2];
+
+        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
+		if (versionMajor > parseFloat(reqMajorVer)) {
+			return true;
+		} else if (versionMajor == parseFloat(reqMajorVer)) {
+			if (versionMinor > parseFloat(reqMinorVer))
+				return true;
+			else if (versionMinor == parseFloat(reqMinorVer)) {
+				if (versionRevision >= parseFloat(reqRevision))
+					return true;
+			}
+		}
+		return false;
+	}
+}
+
+function AC_AddExtension(src, ext)
+{
+  if (src.indexOf('?') != -1)
+    return src.replace(/\?/, ext+'?'); 
+  else
+    return src + ext;
+}
+
+function AC_Generateobj(objAttrs, params, embedAttrs) 
+{ 
+    var str = '';
+    if (isIE && isWin && !isOpera)
+    {
+  		str += '<object ';
+  		for (var i in objAttrs)
+  			str += i + '="' + objAttrs[i] + '" ';
+  		for (var i in params)
+  			str += '><param name="' + i + '" value="' + params[i] + '" /> ';
+  		str += '></object>';
+    } else {
+  		str += '<embed ';
+  		for (var i in embedAttrs)
+  			str += i + '="' + embedAttrs[i] + '" ';
+  		str += '> </embed>';
+    }
+
+    document.write(str);
+}
+
+function AC_FL_RunContent(){
+  var ret = 
+    AC_GetArgs
+    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+     , "application/x-shockwave-flash"
+    );
+  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
+}
+
+function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
+  var ret = new Object();
+  ret.embedAttrs = new Object();
+  ret.params = new Object();
+  ret.objAttrs = new Object();
+  for (var i=0; i < args.length; i=i+2){
+    var currArg = args[i].toLowerCase();    
+
+    switch (currArg){	
+      case "classid":
+        break;
+      case "pluginspage":
+        ret.embedAttrs[args[i]] = args[i+1];
+        break;
+      case "src":
+      case "movie":	
+        args[i+1] = AC_AddExtension(args[i+1], ext);
+        ret.embedAttrs["src"] = args[i+1];
+        ret.params[srcParamName] = args[i+1];
+        break;
+      case "onafterupdate":
+      case "onbeforeupdate":
+      case "onblur":
+      case "oncellchange":
+      case "onclick":
+      case "ondblClick":
+      case "ondrag":
+      case "ondragend":
+      case "ondragenter":
+      case "ondragleave":
+      case "ondragover":
+      case "ondrop":
+      case "onfinish":
+      case "onfocus":
+      case "onhelp":
+      case "onmousedown":
+      case "onmouseup":
+      case "onmouseover":
+      case "onmousemove":
+      case "onmouseout":
+      case "onkeypress":
+      case "onkeydown":
+      case "onkeyup":
+      case "onload":
+      case "onlosecapture":
+      case "onpropertychange":
+      case "onreadystatechange":
+      case "onrowsdelete":
+      case "onrowenter":
+      case "onrowexit":
+      case "onrowsinserted":
+      case "onstart":
+      case "onscroll":
+      case "onbeforeeditfocus":
+      case "onactivate":
+      case "onbeforedeactivate":
+      case "ondeactivate":
+      case "type":
+      case "codebase":
+      case "id":
+        ret.objAttrs[args[i]] = args[i+1];
+        break;
+      case "width":
+      case "height":
+      case "align":
+      case "vspace": 
+      case "hspace":
+      case "class":
+      case "title":
+      case "accesskey":
+      case "name":
+      case "tabindex":
+        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
+        break;
+      default:
+        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
+    }
+  }
+  ret.objAttrs["classid"] = classid;
+  if (mimeType) ret.embedAttrs["type"] = mimeType;
+  return ret;
+}
+
+


[14/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html
index 4be735c..4489e46 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html
@@ -14,91 +14,91 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;fx:XMLList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">employees</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLDefault_Text">&lt;employee&gt;
-                &lt;name&gt;Christina Coenraets&lt;/name&gt;
-                &lt;phone&gt;555-219-2270&lt;/phone&gt;
-                &lt;email&gt;ccoenraets@fictitious.com&lt;/email&gt;
-                &lt;active&gt;true&lt;/active&gt;
-                &lt;image&gt;images/arrow_icon_sm.png&lt;/image&gt;
-            &lt;/employee&gt;
-            &lt;employee&gt;
-                &lt;name&gt;Joanne Wall&lt;/name&gt;
-                &lt;phone&gt;555-219-2012&lt;/phone&gt;
-                &lt;email&gt;jwall@fictitious.com&lt;/email&gt;
-                &lt;active&gt;true&lt;/active&gt;
-            &lt;/employee&gt;
-            &lt;employee&gt;
-                &lt;name&gt;Maurice Smith&lt;/name&gt;
-                &lt;phone&gt;555-219-2012&lt;/phone&gt;
-                &lt;email&gt;maurice@fictitious.com&lt;/email&gt;
-                &lt;active&gt;false&lt;/active&gt;
-            &lt;/employee&gt;
-            &lt;employee&gt;
-                &lt;name&gt;Mary Jones&lt;/name&gt;
-                &lt;phone&gt;555-219-2000&lt;/phone&gt;
-                &lt;email&gt;mjones@fictitious.com&lt;/email&gt;
-                &lt;active&gt;true&lt;/active&gt;
-            &lt;/employee&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/fx:XMLList&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&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">" </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">DataGrid Control</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">" 
-             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                 text="</span><span class="MXMLString">Select a row in the DataGrid control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dg</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" rowCount="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">phone</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">email</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</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">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"  </span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;fx:XMLList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">employees</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLDefault_Text">&lt;employee&gt;
+                &lt;name&gt;Christina Coenraets&lt;/name&gt;
+                &lt;phone&gt;555-219-2270&lt;/phone&gt;
+                &lt;email&gt;ccoenraets@fictitious.com&lt;/email&gt;
+                &lt;active&gt;true&lt;/active&gt;
+                &lt;image&gt;images/arrow_icon_sm.png&lt;/image&gt;
+            &lt;/employee&gt;
+            &lt;employee&gt;
+                &lt;name&gt;Joanne Wall&lt;/name&gt;
+                &lt;phone&gt;555-219-2012&lt;/phone&gt;
+                &lt;email&gt;jwall@fictitious.com&lt;/email&gt;
+                &lt;active&gt;true&lt;/active&gt;
+            &lt;/employee&gt;
+            &lt;employee&gt;
+                &lt;name&gt;Maurice Smith&lt;/name&gt;
+                &lt;phone&gt;555-219-2012&lt;/phone&gt;
+                &lt;email&gt;maurice@fictitious.com&lt;/email&gt;
+                &lt;active&gt;false&lt;/active&gt;
+            &lt;/employee&gt;
+            &lt;employee&gt;
+                &lt;name&gt;Mary Jones&lt;/name&gt;
+                &lt;phone&gt;555-219-2000&lt;/phone&gt;
+                &lt;email&gt;mjones@fictitious.com&lt;/email&gt;
+                &lt;active&gt;true&lt;/active&gt;
+            &lt;/employee&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/fx:XMLList&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&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">" </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">DataGrid Control</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">" 
+             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">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:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">Select a row in the DataGrid control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dg</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" rowCount="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employees</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">phone</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">email</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</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">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"  </span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Name</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Email</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">email</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Phone</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">phone</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-DateChooser/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceIndex.xml
index d99fa85..b1a625e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DateChooser</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateChooser.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DateChooser</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateChooser.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/index.html
index 0af8403..51fe748 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DateChooser</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DateChooser</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/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-DateChooser/srcview/source/final-sample/DateChooser.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/DateChooser.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/DateChooser.png.html
index d06f2ba..509c666 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/DateChooser.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/DateChooser.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>DateChooser.png</title>
-</head>
-
-<body>
-<img src="DateChooser.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>DateChooser.png</title>
+</head>
+
+<body>
+<img src="DateChooser.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.mxml.html
index 53efaf4..bff9b12 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/final-sample/sample1.mxml.html
@@ -14,59 +14,59 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot;?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate DateChooser control. </span><span class="MXMLComment">--&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-
-            <span class="ActionScriptComment">// Event handler function to write the selected
-</span>            <span class="ActionScriptComment">// date to the Label control.        
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span>;
-                <span class="ActionScriptReserved">else</span>
-                    <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span>
-                        <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBracket/Brace">()</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateChooser Control Example</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-       layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; horizontalGap=&quot;</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; horizontalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        
-           <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Simple DateChooser Control</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateChooser1</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;  height=&quot;</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">&quot;   
-              change=&quot;</span><span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(D</span><span class="ActionScriptDefault_Text">ateChooser</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</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"> id=&quot;</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-
-          <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Disable dates before Oct 31st, 2008</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateChooser2</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">175</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">&quot;
-              disabledRanges=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008, 9, 31<span class="ActionScriptBracket/Brace">)}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateChooser2</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Select a date in the DateChooser control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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;?&gt;</span>
+<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate DateChooser control. </span><span class="MXMLComment">--&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; layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+
+            <span class="ActionScriptComment">// Event handler function to write the selected
+</span>            <span class="ActionScriptComment">// date to the Label control.        
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span>;
+                <span class="ActionScriptReserved">else</span>
+                    <span class="ActionScriptDefault_Text">selection</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Date selected: &quot;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span>
+                        <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">()</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;/&apos;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>.<span class="ActionScriptDefault_Text">getDate</span><span class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">DateChooser Control Example</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+       layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; horizontalGap=&quot;</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; horizontalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot; verticalScrollPolicy=&quot;</span><span class="MXMLString">off</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+           <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Simple DateChooser Control</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateChooser1</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot;  height=&quot;</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">&quot;   
+              change=&quot;</span><span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(D</span><span class="ActionScriptDefault_Text">ateChooser</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</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"> id=&quot;</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+
+          <span class="MXMLComponent_Tag">&lt;mx:VBox&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Disable dates before Oct 31st, 2008</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">dateChooser2</span><span class="MXMLDefault_Text">&quot; yearNavigationEnabled=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">175</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">&quot;
+              disabledRanges=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008, 9, 31<span class="ActionScriptBracket/Brace">)}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+          <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span>.<span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateChooser2</span>.<span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Select a date in the DateChooser control.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; text=&quot;</span><span class="MXMLString">Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>


[26/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/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-CandlestickChart/srcview/source/final-sample/CandlestickChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/CandlestickChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/CandlestickChart.png.html
index a08e3d7..97c4e30 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/CandlestickChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/CandlestickChart.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>CandlestickChart.png</title>
-</head>
-
-<body>
-<img src="CandlestickChart.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>CandlestickChart.png</title>
+</head>
+
+<body>
+<img src="CandlestickChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.mxml.html
index a2be759..145f3ec 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,60 +14,60 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-     <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-          
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;25-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.75,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.75, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.24, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.31<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;26-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.78, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.97, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.34<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;27-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.38,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.66, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.63<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;28-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.49,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.99, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.3, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.98<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;29-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.13,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.4, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.65, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>39.95<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;1-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.00,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.50, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.7, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.6<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;2-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.68,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.34, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 37.75, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.84<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;3-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.76,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 38.76, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.03, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.12<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;4-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 37.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37.98, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.56, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.69<span class="ActionScriptBracket/Brace">}</span>,                       
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;5-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 36.61,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.48, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CandlestickChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:CandlestickChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">candlestickchart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; 
-            color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CandlestickSeries</span><span class="MXMLDefault_Text"> openField=&quot;</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">&quot; highField=&quot;</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">&quot; 
-                    lowField=&quot;</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">&quot; closeField=&quot;</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;/mx:CandlestickChart&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+     <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+          
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;25-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.75,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.75, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.24, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.31<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;26-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.78, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.97, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.34<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;27-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.38,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.66, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.63<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;28-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.49,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.99, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.3, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.98<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;29-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.13,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.4, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.65, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>39.95<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;1-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.00,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.50, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.7, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.6<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;2-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.68,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.34, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 37.75, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.84<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;3-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.76,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 38.76, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.03, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.12<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;4-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 37.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37.98, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.56, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.69<span class="ActionScriptBracket/Brace">}</span>,                       
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;5-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 36.61,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.48, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CandlestickChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:CandlestickChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">candlestickchart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; 
+            color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CandlestickSeries</span><span class="MXMLDefault_Text"> openField=&quot;</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">&quot; highField=&quot;</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">&quot; 
+                    lowField=&quot;</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">&quot; closeField=&quot;</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;/mx:CandlestickChart&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html
index 6dcac46..5dc4ae1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html
@@ -14,74 +14,74 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"25-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.75<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.24<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.31<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"26-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.78<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.97<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.34<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"27-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.38<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.66<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.63<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"28-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.49<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.99<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.3<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.98<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"29-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.13<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.4<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.65<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:39.95<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"1-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.00<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.50<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.7<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.6<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"2-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.68<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.34<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 37.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.84<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"3-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.76<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 38.76<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.03<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.12<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"4-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 37.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37.98<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.56<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.69<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>                       
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"5-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 36.61<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.48<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">CandlestickChart Control</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;mx:CandlestickChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">candlestickchart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" 
-            color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CandlestickSeries</span><span class="MXMLDefault_Text"> openField="</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">" highField="</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">" 
-                    lowField="</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">" closeField="</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-
-        <span class="MXMLComponent_Tag">&lt;/mx:CandlestickChart&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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"25-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.75<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.24<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.31<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"26-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.78<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.97<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.34<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"27-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.38<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.66<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.63<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"28-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.49<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.99<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.3<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.98<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"29-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.13<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.4<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.65<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:39.95<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"1-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.00<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.50<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.7<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.6<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"2-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.68<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.34<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 37.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.84<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"3-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.76<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 38.76<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.03<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.12<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"4-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 37.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37.98<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.56<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.69<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>                       
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"5-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 36.61<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.48<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">CandlestickChart Control</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;mx:CandlestickChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">candlestickchart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" 
+            color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CandlestickSeries</span><span class="MXMLDefault_Text"> openField="</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">" highField="</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">" 
+                    lowField="</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">" closeField="</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+
+        <span class="MXMLComponent_Tag">&lt;/mx:CandlestickChart&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-ColorPicker/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceIndex.xml
index 683fdee..a20f13d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-ColorPicker</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-ColorPicker.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-ColorPicker</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-ColorPicker.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-ColorPicker/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+


[19/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml
index 27b65eb..3532416 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,34 +17,34 @@
   limitations under the License.
 
 -->
-<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
-			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   xmlns:local="*"
-			   skinClass="TDFGradientBackgroundSkin" 
-			   viewSourceURL="srcview/index.html">
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="Components Samples"
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
-		
-		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
-							  paddingTop="10" paddingBottom="10"/>
-		</s:layout>
-		
-		<local:VideoPlayer source="video1.flv"
-						   complete="log.text += 'complete\n'"
-						   mediaPlayerStateChange="log.text += event.state.toString() + '\n'"/>
-		
-		<s:TextArea id="log" height="220"/>
-		
-	</s:Panel>
-	
-</s:Application>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*"
+			   skinClass="TDFGradientBackgroundSkin" 
+			   viewSourceURL="srcview/index.html">
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Components Samples"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<local:VideoPlayer source="video1.flv"
+						   complete="log.text += 'complete\n'"
+						   mediaPlayerStateChange="log.text += event.state.toString() + '\n'"/>
+		
+		<s:TextArea id="log" height="220"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml
index 5ec139c..b667937 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-CreditCardValidator</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CreditCardValidator.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-CreditCardValidator</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CreditCardValidator.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html
index 94809b2..1b65fda 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-CreditCardValidator</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-CreditCardValidator</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/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-CreditCardValidator/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.mxml.html
index e89caab..7061c4b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.mxml.html
@@ -14,62 +14,62 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-
-    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define model for the credit card data. </span><span class="MXMLComment">--&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">creditcard</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
-        <span class="MXMLDefault_Text">&lt;card&gt;    
-            &lt;cardType&gt;{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">data</span><span class="MXMLDefault_Text">}&lt;/cardType&gt;
-            &lt;cardNumber&gt;{</span><span class="ActionScriptDefault_Text">cardNumberInput</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/cardNumber&gt;
-        &lt;/card&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:CreditCardValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">ccV</span><span class="MXMLDefault_Text">&quot; 
-        cardTypeSource=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; cardTypeProperty=&quot;</span><span class="MXMLString">cardType</span><span class="MXMLDefault_Text">&quot;
-        cardNumberSource=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; cardNumberProperty=&quot;</span><span class="MXMLString">cardNumber</span><span class="MXMLDefault_Text">&quot;
-        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot;
-        cardTypeListener=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
-        cardNumberListener=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
-        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CreditCardValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">creditCardForm</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>    
-                <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">cardTypeCombo</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-                    <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/mx:ComboBox&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Credit Card Number</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">cardNumberInput</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:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Check Credit</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:Form&gt;</span>     
-         
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define model for the credit card data. </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;mx:Model</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">creditcard</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLSpecial_Tag">&gt;</span>
+        <span class="MXMLDefault_Text">&lt;card&gt;    
+            &lt;cardType&gt;{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span>.<span class="ActionScriptDefault_Text">selectedItem</span>.<span class="ActionScriptDefault_Text">data</span><span class="MXMLDefault_Text">}&lt;/cardType&gt;
+            &lt;cardNumber&gt;{</span><span class="ActionScriptDefault_Text">cardNumberInput</span>.<span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/cardNumber&gt;
+        &lt;/card&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Model&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:CreditCardValidator</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">ccV</span><span class="MXMLDefault_Text">&quot; 
+        cardTypeSource=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; cardTypeProperty=&quot;</span><span class="MXMLString">cardType</span><span class="MXMLDefault_Text">&quot;
+        cardNumberSource=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; cardNumberProperty=&quot;</span><span class="MXMLString">cardNumber</span><span class="MXMLDefault_Text">&quot;
+        trigger=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; triggerEvent=&quot;</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">&quot;
+        cardTypeListener=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
+        cardNumberListener=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
+        valid=&quot;</span><span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">&apos;Validation Succeeded!&apos;</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">CreditCardValidator Example</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">creditCardForm</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>    
+                <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">cardTypeCombo</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">&quot; data=&quot;</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:ComboBox&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">Credit Card Number</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">cardNumberInput</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:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">&quot; label=&quot;</span><span class="MXMLString">Check Credit</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:Form&gt;</span>     
+         
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/validatoricon.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/validatoricon.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/validatoricon.png.html
index 1eb84d6..9a09f95 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/validatoricon.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/validatoricon.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>validatoricon.png</title>
-</head>
-
-<body>
-<img src="validatoricon.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>validatoricon.png</title>
+</head>
+
+<body>
+<img src="validatoricon.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/sample1.mxml.html
index 6770571..88e6e01 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/sample1.mxml.html
@@ -14,82 +14,82 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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:Script&gt;</span>
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
-    <span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define model for the credit card data. </span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">creditcard</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
-            <span class="MXMLDefault_Text">&lt;card&gt;    
-                &lt;cardType&gt;{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="MXMLDefault_Text">}&lt;/cardType&gt;
-                &lt;cardNumber&gt;{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/cardNumber&gt;
-            &lt;/card&gt;</span>
-        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:CreditCardValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ccV</span><span class="MXMLDefault_Text">" 
-                                cardTypeSource="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" cardTypeProperty="</span><span class="MXMLString">cardType</span><span class="MXMLDefault_Text">"
-                                cardNumberSource="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" cardNumberProperty="</span><span class="MXMLString">cardNumber</span><span class="MXMLDefault_Text">"
-                                trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">"
-                                cardTypeListener="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
-                                cardNumberListener="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
-                                valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:ArrayCollection</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
-        
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CreditCardValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">creditCardForm</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
-                <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cardTypeCombo</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">160</span><span class="MXMLDefault_Text">"
-                                prompt="</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Credit Card Number</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">cardNumberInput</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Check Credit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>     
-        
-    <span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+    <span class="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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Define model for the credit card data. </span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;fx:Model</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">creditcard</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
+            <span class="MXMLDefault_Text">&lt;card&gt;    
+                &lt;cardType&gt;{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="MXMLDefault_Text">}&lt;/cardType&gt;
+                &lt;cardNumber&gt;{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">}&lt;/cardNumber&gt;
+            &lt;/card&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;/fx:Model&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:CreditCardValidator</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ccV</span><span class="MXMLDefault_Text">" 
+                                cardTypeSource="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" cardTypeProperty="</span><span class="MXMLString">cardType</span><span class="MXMLDefault_Text">"
+                                cardNumberSource="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">creditcard</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" cardNumberProperty="</span><span class="MXMLString">cardNumber</span><span class="MXMLDefault_Text">"
+                                trigger="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">myButton</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" triggerEvent="</span><span class="MXMLString">click</span><span class="MXMLDefault_Text">"
+                                cardTypeListener="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardTypeCombo</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+                                cardNumberListener="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">cardNumberInput</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"
+                                valid="</span><span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'Validation Succeeded!'</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:ArrayCollection</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">American Express</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Diners Club</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Discover</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">MasterCard</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">" data="</span><span class="MXMLString">Visa</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">CreditCardValidator Example</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;mx:Form</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">creditCardForm</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+                <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cardTypeCombo</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">dp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">160</span><span class="MXMLDefault_Text">"
+                                prompt="</span><span class="MXMLString">Card Type</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Credit Card Number</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">cardNumberInput</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Check Credit</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>     
+        
+    <span class="MXMLComponent_Tag">&lt;/s: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-CurrencyFormatter/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>


[42/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/layouts/FilteredTileLayout.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/layouts/FilteredTileLayout.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/layouts/FilteredTileLayout.as.html
index 54c4735..50ada3d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/layouts/FilteredTileLayout.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-Animated/srcview/source/layouts/FilteredTileLayout.as.html
@@ -23,246 +23,246 @@
 <link rel="stylesheet" type="text/css" href="../../SourceStyles.css"/>
 </head>
 
-<body><pre><span class="ActionScriptpackage">package</span> <span class="ActionScriptDefault_Text">layouts</span>
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ICollectionView</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Parallel</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">EffectEvent</span>;
-    
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ItemRenderer</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Fade</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Move</span>;
-    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layouts</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LayoutBase</span>;
-
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FilteredTileLayout</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">LayoutBase</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filteredItems</span>:<span class="ActionScriptDefault_Text">ICollectionView</span>;
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOutDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">moveDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeInDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_target</span>:<span class="ActionScriptDefault_Text">GroupBase</span>;
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_containerWidth</span>:<span class="ActionScriptDefault_Text">Number</span>;
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOutEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeInEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">moveEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_horizontalGap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 10;
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_verticalGap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 10;
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_tileWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 100;
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_tileHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 100;
-
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">horizontalGap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">_horizontalGap</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">verticalGap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">_verticalGap</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">tileWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">tileHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">_tileHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">filter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptComment">// Prevent updateDisplayList() from being executed while we are animating tiles
-</span>            <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">autoLayout</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-
-            <span class="ActionScriptComment">// No filter has been applied. Keep showing all the items in the dataProvider
-</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filteredItems</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-            
-            <span class="ActionScriptComment">// No items in the dataProvider: Nothing to show.
-</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">x</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">y</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
-            
-            <span class="ActionScriptDefault_Text">fadeOutEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">fadeInEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptDefault_Text">moveEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-
-            <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">itemRenderer</span>:<span class="ActionScriptDefault_Text">ItemRenderer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ItemRenderer</span>;
-                
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contains</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptComment">// The element is part of the selection: calculate its x and y values
-</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_containerWidth</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">=</span> 0;
-                        <span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileHeight</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_verticalGap</span>;
-                    <span class="ActionScriptBracket/Brace">}</span> 
-
-                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"FadeIn: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptComment">// if the element was hidden, set its new x and y values (without Move animation) and register it for FadeIn animation
-</span>                        <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
-                        <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsPosition</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeIn</span>:<span class="ActionScriptDefault_Text">Fade</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Fade</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptDefault_Text">fadeIn</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alphaTo</span> <span class="ActionScriptOperator">=</span> 1;
-                        <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeIn</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptBracket/Brace">}</span>  
-                    <span class="ActionScriptReserved">else</span>
-                    <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Move: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptComment">// the element was already visible: register it for Move animation
-</span>                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>
-                        <span class="ActionScriptBracket/Brace">{</span>
-                            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">move</span>:<span class="ActionScriptDefault_Text">Move</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Move</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
-                            <span class="ActionScriptDefault_Text">move</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">xTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">x</span>;
-                            <span class="ActionScriptDefault_Text">move</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">yTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">y</span>;
-                            <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">move</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptBracket/Brace">}</span>
-                    <span class="ActionScriptBracket/Brace">}</span>
-                    <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_horizontalGap</span>;
-                <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">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"FadeOut: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptComment">// the element is filtered out: register it for FadeOut animation
-</span>                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOut</span>:<span class="ActionScriptDefault_Text">Fade</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Fade</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
-                        <span class="ActionScriptDefault_Text">fadeOut</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alphaTo</span> <span class="ActionScriptOperator">=</span> 0;
-                        <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeOut</span><span class="ActionScriptBracket/Brace">)</span>;
-                    <span class="ActionScriptBracket/Brace">}</span>
-                <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptDefault_Text">fadeOutTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;            
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeOutTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"fadeOutTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fadeOutDuration</span>;
-                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptReserved">else</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptComment">// Undesired behaviors may happen if we leave tiles with alpha=0 in the display list while performing other animations 
-</span>            <span class="ActionScriptDefault_Text">setInvisibleTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            
-            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"moveTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">moveDuration</span>;
-                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptReserved">else</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"fadeInTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fadeInDuration</span>;
-                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptReserved">else</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">autoLayout</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>; 
-        <span class="ActionScriptBracket/Brace">}</span>
-        
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setInvisibleTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-            
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
-            
-            <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">itemRenderer</span>:<span class="ActionScriptDefault_Text">ItemRenderer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ItemRenderer</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contains</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>    
-                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Removing from layout: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;                    
-                    <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
-                <span class="ActionScriptBracket/Brace">}</span>        
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-    
-        <span class="ActionScriptReserved">override</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">updateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">containerWidth</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">containerHeight</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"updateDisplaylist"</span><span class="ActionScriptBracket/Brace">)</span>;
-
-            <span class="ActionScriptDefault_Text">_target</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span>;
-            <span class="ActionScriptDefault_Text">_containerWidth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">containerWidth</span>;
-
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
-            
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">x</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptOperator">=</span>0;
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">y</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptOperator">=</span>0;
-            
-            <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">itemRenderer</span>:<span class="ActionScriptDefault_Text">ItemRenderer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ItemRenderer</span>;
-
-                <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsSize</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_tileWidth</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">_tileHeight</span><span class="ActionScriptBracket/Brace">)</span>;
-                
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filteredItems</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contains</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptComment">// The element is part of the selection: calculate its x and y values
-</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">containerWidth</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptBracket/Brace">{</span>
-                        <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">=</span> 0;
-                        <span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileHeight</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_verticalGap</span>;
-                    <span class="ActionScriptBracket/Brace">}</span> 
-                    <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsPosition</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;    
-                    <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span> <span class="ActionScriptOperator">=</span> 1;
-                    <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_horizontalGap</span>;
-                <span class="ActionScriptBracket/Brace">}</span>                    
-                <span class="ActionScriptReserved">else</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span> <span class="ActionScriptOperator">=</span> 0;
-                <span class="ActionScriptBracket/Brace">}</span>
-                
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>
-
-    <span class="ActionScriptBracket/Brace">}</span>
+<body><pre><span class="ActionScriptpackage">package</span> <span class="ActionScriptDefault_Text">layouts</span>
+<span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ICollectionView</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Parallel</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">EffectEvent</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GroupBase</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ItemRenderer</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Fade</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Move</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">layouts</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportClasses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LayoutBase</span>;
+
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">FilteredTileLayout</span> <span class="ActionScriptReserved">extends</span> <span class="ActionScriptDefault_Text">LayoutBase</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filteredItems</span>:<span class="ActionScriptDefault_Text">ICollectionView</span>;
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOutDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">moveDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeInDuration</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 400;
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_target</span>:<span class="ActionScriptDefault_Text">GroupBase</span>;
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_containerWidth</span>:<span class="ActionScriptDefault_Text">Number</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOutEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeInEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">moveEffects</span>:<span class="ActionScriptDefault_Text">Parallel</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_horizontalGap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 10;
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_verticalGap</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 10;
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_tileWidth</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 100;
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_tileHeight</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 100;
+
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">horizontalGap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">_horizontalGap</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">verticalGap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">_verticalGap</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">tileWidth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">set</span>    <span class="ActionScriptDefault_Text">tileHeight</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">_tileHeight</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">value</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">invalidateDisplayList</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">filter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptComment">// Prevent updateDisplayList() from being executed while we are animating tiles
+</span>            <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">autoLayout</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+
+            <span class="ActionScriptComment">// No filter has been applied. Keep showing all the items in the dataProvider
+</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filteredItems</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
+            
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
+            
+            <span class="ActionScriptComment">// No items in the dataProvider: Nothing to show.
+</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
+            
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">x</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">y</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+            
+            <span class="ActionScriptDefault_Text">fadeOutEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">fadeInEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">moveEffects</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Parallel</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+
+            <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">itemRenderer</span>:<span class="ActionScriptDefault_Text">ItemRenderer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ItemRenderer</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contains</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// The element is part of the selection: calculate its x and y values
+</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_containerWidth</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">=</span> 0;
+                        <span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileHeight</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_verticalGap</span>;
+                    <span class="ActionScriptBracket/Brace">}</span> 
+
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"FadeIn: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptComment">// if the element was hidden, set its new x and y values (without Move animation) and register it for FadeIn animation
+</span>                        <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                        <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setLayoutBoundsPosition</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeIn</span>:<span class="ActionScriptDefault_Text">Fade</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Fade</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptDefault_Text">fadeIn</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alphaTo</span> <span class="ActionScriptOperator">=</span> 1;
+                        <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeIn</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>  
+                    <span class="ActionScriptReserved">else</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Move: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptComment">// the element was already visible: register it for Move animation
+</span>                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptBracket/Brace">{</span>
+                            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">move</span>:<span class="ActionScriptDefault_Text">Move</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Move</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
+                            <span class="ActionScriptDefault_Text">move</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">xTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">x</span>;
+                            <span class="ActionScriptDefault_Text">move</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">yTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">y</span>;
+                            <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">move</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_tileWidth</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">_horizontalGap</span>;
+                <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">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alpha</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"FadeOut: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptComment">// the element is filtered out: register it for FadeOut animation
+</span>                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fadeOut</span>:<span class="ActionScriptDefault_Text">Fade</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Fade</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptDefault_Text">fadeOut</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alphaTo</span> <span class="ActionScriptOperator">=</span> 0;
+                        <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addChild</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeOut</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptDefault_Text">fadeOutTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;            
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeOutTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"fadeOutTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fadeOutDuration</span>;
+                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">fadeOutEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">moveTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptComment">// Undesired behaviors may happen if we leave tiles with alpha=0 in the display list while performing other animations 
+</span>            <span class="ActionScriptDefault_Text">setInvisibleTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"moveTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">moveDuration</span>;
+                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeInTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"fadeInTiles"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">children</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fadeInDuration</span>;
+                <span class="ActionScriptDefault_Text">moveEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">EffectEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EFFECT_END</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptDefault_Text">fadeInEffects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fadeInTilesEnd</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">EffectEvent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">autoLayout</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>; 
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setInvisibleTiles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numElements</span>;
+            
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">return</span>;
+            
+            <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">count</span>; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">itemRenderer</span>:<span class="ActionScriptDefault_Text">ItemRenderer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getElementAt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">ItemRenderer</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">filteredItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">contains</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>    
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Removing from layout: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptBracket/Brace">)</span>;                    
+                    <span class="ActionScriptDefault_Text">itemRenderer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visible</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                <span class="ActionScriptBracke

<TRUNCATED>

[21/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/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
index 8c24fbf..cb4405f 100644
--- 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
@@ -14,171 +14,171 @@
   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>
+<!-- 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/5ed4d983/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
index e6d94d0..320bf4d 100644
--- 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
@@ -14,30 +14,30 @@
   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>
+<!-- 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>


[02/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.mxml.html
index 6ab0f2a..a182550 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,59 +14,59 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-          
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stockDataAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;25-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.55,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.75, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.24, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.31<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;26-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.15,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.78, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.97, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.34<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;27-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.38,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.66, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.63<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;28-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.49,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.99, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.3, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.98<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;29-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.13,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.4, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.65, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>39.95<span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;1-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.00,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.50, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.7, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.6<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;2-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.68,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.34, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 37.75, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.84<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;3-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.76,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 38.76, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.03, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.12<span class="ActionScriptBracket/Brace">}</span>, 
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;4-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 37.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37.98, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.56, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.69<span class="ActionScriptBracket/Brace">}</span>,                       
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;5-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 36.61,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.48, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>; 
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">HLOCChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:HLOCChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">hlocchart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot;
-             color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">stockDataAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:HLOCSeries</span><span class="MXMLDefault_Text"> openField=&quot;</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">&quot; highField=&quot;</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">&quot; 
-                    lowField=&quot;</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">&quot; closeField=&quot;</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:HLOCChart&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+          
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stockDataAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;25-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.55,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.75, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.24, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.31<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;26-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.15,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.78, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.97, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.34<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;27-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.38,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.66, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.63<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;28-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.49,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.99, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 40.3, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>40.98<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;29-Jul&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 40.13,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 40.4, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 39.65, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>39.95<span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;1-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 39.00,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.50, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.7, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.6<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;2-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.68,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 39.34, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 37.75, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.84<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;3-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 38.76,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 38.76, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 38.03, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>38.12<span class="ActionScriptBracket/Brace">}</span>, 
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;4-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 37.98,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37.98, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.56, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.69<span class="ActionScriptBracket/Brace">}</span>,                       
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;5-Aug&quot;</span>, <span class="ActionScriptDefault_Text">Open</span><span class="ActionScriptOperator">:</span> 36.61,  <span class="ActionScriptDefault_Text">High</span><span class="ActionScriptOperator">:</span> 37, <span class="ActionScriptDefault_Text">Low</span><span class="ActionScriptOperator">:</span> 36.48, <span class="ActionScriptDefault_Text">Close</span><span class="ActionScriptOperator">:</span>36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>; 
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">HLOCChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:HLOCChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">hlocchart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot;
+             color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot; showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">stockDataAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; title=&quot;</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:HLOCSeries</span><span class="MXMLDefault_Text"> openField=&quot;</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">&quot; highField=&quot;</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">&quot; 
+                    lowField=&quot;</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">&quot; closeField=&quot;</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:HLOCChart&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html
index c059730..1aa075c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html
@@ -14,73 +14,73 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stockDataAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"25-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.55<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.24<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.31<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"26-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.15<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.78<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.97<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.34<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"27-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.38<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.66<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.63<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"28-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.49<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.99<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.3<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.98<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"29-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.13<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.4<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.65<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:39.95<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"1-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.00<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.50<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.7<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.6<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"2-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.68<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.34<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 37.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.84<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"3-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.76<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 38.76<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.03<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.12<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"4-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 37.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37.98<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.56<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.69<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>                       
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"5-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 36.61<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.48<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>; 
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">HLOCChart Control</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;mx:HLOCChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hlocchart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"
-                      color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">stockDataAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:HLOCSeries</span><span class="MXMLDefault_Text"> openField="</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">" highField="</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">" 
-                               lowField="</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">" closeField="</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:HLOCChart&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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stockDataAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"25-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.55<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.24<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.31<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"26-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.15<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.78<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.97<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.34<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"27-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.38<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.66<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.63<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"28-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.49<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.99<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 40.3<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:40.98<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"29-Jul"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 40.13<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 40.4<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 39.65<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:39.95<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"1-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 39.00<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.50<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.7<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.6<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"2-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.68<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 39.34<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 37.75<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.84<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"3-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 38.76<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 38.76<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 38.03<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:38.12<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"4-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 37.98<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37.98<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.56<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.69<span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>                       
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Date</span>: <span class="ActionScriptString">"5-Aug"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Open</span>: 36.61<span class="ActionScriptOperator">,</span>  <span class="ActionScriptDefault_Text">High</span>: 37<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Low</span>: 36.48<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Close</span>:36.86<span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>; 
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">HLOCChart Control</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;mx:HLOCChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hlocchart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"
+                      color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">stockDataAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:verticalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:LinearAxis</span><span class="MXMLDefault_Text"> baseAtZero="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:verticalAxis&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:horizontalAxis&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CategoryAxis</span><span class="MXMLDefault_Text"> categoryField="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Date</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:horizontalAxis&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:HLOCSeries</span><span class="MXMLDefault_Text"> openField="</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">" highField="</span><span class="MXMLString">High</span><span class="MXMLDefault_Text">" 
+                               lowField="</span><span class="MXMLString">Low</span><span class="MXMLDefault_Text">" closeField="</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:HLOCChart&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-Image/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceIndex.xml
index 1ac56ac..55bfed5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,28 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Image</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node label="images">
-				<node icon="imageIcon" label="backpack.jpg" url="source/images/backpack.jpg.html"/>
-				<node icon="imageIcon" label="boots.jpg" url="source/images/boots.jpg.html"/>
-				<node icon="imageIcon" label="compass.jpg" url="source/images/compass.jpg.html"/>
-				<node icon="imageIcon" label="goggles.jpg" url="source/images/goggles.jpg.html"/>
-				<node icon="imageIcon" label="helmet.jpg" url="source/images/helmet.jpg.html"/>
-			</node>
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 39K)" url="Sample-Adobe-Image.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Image</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node label="images">
+				<node icon="imageIcon" label="backpack.jpg" url="source/images/backpack.jpg.html"/>
+				<node icon="imageIcon" label="boots.jpg" url="source/images/boots.jpg.html"/>
+				<node icon="imageIcon" label="compass.jpg" url="source/images/compass.jpg.html"/>
+				<node icon="imageIcon" label="goggles.jpg" url="source/images/goggles.jpg.html"/>
+				<node icon="imageIcon" label="helmet.jpg" url="source/images/helmet.jpg.html"/>
+			</node>
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 39K)" url="Sample-Adobe-Image.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/index.html
index 01c1402..1582f48 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Image/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Image</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Image</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[27/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/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-BubbleChart/srcview/source/final-sample/BubbleChart.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/BubbleChart.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/BubbleChart.png.html
index 2a065d0..2bf0198 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/BubbleChart.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/BubbleChart.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>BubbleChart.png</title>
-</head>
-
-<body>
-<img src="BubbleChart.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>BubbleChart.png</title>
+</head>
+
+<body>
+<img src="BubbleChart.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.mxml.html
index 70d5d2a..3096e4a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/final-sample/sample1.mxml.html
@@ -14,52 +14,52 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
-    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
-        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
-        
-        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
-        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
-            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
-        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>        
-        <span class="CSSSelector">BubbleChart </span><span class="CSSDelimiters">{</span> <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span><span class="CSSProperty_Value">#000099</span><span class="CSSDelimiters">;</span> <span class="CSSDelimiters">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Style&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">BubbleChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
-         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-         
-         <span class="MXMLComponent_Tag">&lt;mx:BubbleChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bubblechart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
-            showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; maxRadius=&quot;</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BubbleSeries</span><span class="MXMLDefault_Text"> displayName=&quot;</span><span class="MXMLString">Profit/Expenses/Amount</span><span class="MXMLDefault_Text">&quot; 
-                    xField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; radiusField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>            
-        <span class="MXMLComponent_Tag">&lt;/mx:BubbleChart&gt;</span>
-            
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bubblechart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.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; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; verticalAlign=&quot;</span><span class="MXMLString">top</span><span class="MXMLDefault_Text">&quot;
+    horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot; paddingTop=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+        <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+        
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</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="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Jan&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 450 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Feb&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1000, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 600 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Mar&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1500, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 500, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 300 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;Apr&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 1800, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 1200, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 900 <span class="ActionScriptBracket/Brace">}</span>,
+            <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span><span class="ActionScriptOperator">:</span> <span class="ActionScriptString">&quot;May&quot;</span>, <span class="ActionScriptDefault_Text">Profit</span><span class="ActionScriptOperator">:</span> 2400, <span class="ActionScriptDefault_Text">Expenses</span><span class="ActionScriptOperator">:</span> 575, <span class="ActionScriptDefault_Text">Amount</span><span class="ActionScriptOperator">:</span> 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">])</span>;
+        <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>        
+        <span class="CSSSelector">BubbleChart </span><span class="CSSDelimiters">{</span> <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span><span class="CSSProperty_Value">#000099</span><span class="CSSDelimiters">;</span> <span class="CSSDelimiters">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Style&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:Panel</span><span class="MXMLDefault_Text"> title=&quot;</span><span class="MXMLString">BubbleChart Control</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0xffffff</span><span class="MXMLDefault_Text">&quot; borderAlpha=&quot;</span><span class="MXMLString">0.15</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">&quot;
+         paddingTop=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingBottom=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+         
+         <span class="MXMLComponent_Tag">&lt;mx:BubbleChart</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bubblechart</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; paddingRight=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; paddingLeft=&quot;</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;
+            showDataTips=&quot;</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">&quot; maxRadius=&quot;</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">&quot; dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BubbleSeries</span><span class="MXMLDefault_Text"> displayName=&quot;</span><span class="MXMLString">Profit/Expenses/Amount</span><span class="MXMLDefault_Text">&quot; 
+                    xField=&quot;</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">&quot; yField=&quot;</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">&quot; radiusField=&quot;</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>            
+        <span class="MXMLComponent_Tag">&lt;/mx:BubbleChart&gt;</span>
+            
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bubblechart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; color=&quot;</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/mx:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html
index 5eecffa..446cc5b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html
@@ -14,68 +14,68 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
-                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Style&gt;</span>  
-        <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/mx"</span>;
-        
-        <span class="CSSSelector">mx|BubbleChart </span><span class="CSSDelimiters">{</span> <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span><span class="CSSProperty_Value">#000099</span><span class="CSSDelimiters">;</span> <span class="CSSDelimiters">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Style&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">BubbleChart Control</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;mx:BubbleChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bubblechart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
-                        showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" maxRadius="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            
-            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;mx:BubbleSeries</span><span class="MXMLDefault_Text"> displayName="</span><span class="MXMLString">Profit/Expenses/Amount</span><span class="MXMLDefault_Text">" 
-                                 xField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" radiusField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>            
-        <span class="MXMLComponent_Tag">&lt;/mx:BubbleChart&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bubblechart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               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: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="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">expensesAC</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Jan"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 450 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Feb"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1000<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 600 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Mar"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 500<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 300 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"Apr"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 1800<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 1200<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 900 <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span> <span class="ActionScriptDefault_Text">Month</span>: <span class="ActionScriptString">"May"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Profit</span>: 2400<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Expenses</span>: 575<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Amount</span>: 500 <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Style&gt;</span>  
+        <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/mx"</span>;
+        
+        <span class="CSSSelector">mx|BubbleChart </span><span class="CSSDelimiters">{</span> <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span><span class="CSSProperty_Value">#000099</span><span class="CSSDelimiters">;</span> <span class="CSSDelimiters">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Style&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">BubbleChart Control</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;mx:BubbleChart</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bubblechart</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"
+                        showDataTips="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" maxRadius="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">expensesAC</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:series&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:BubbleSeries</span><span class="MXMLDefault_Text"> displayName="</span><span class="MXMLString">Profit/Expenses/Amount</span><span class="MXMLDefault_Text">" 
+                                 xField="</span><span class="MXMLString">Profit</span><span class="MXMLDefault_Text">" yField="</span><span class="MXMLString">Expenses</span><span class="MXMLDefault_Text">" radiusField="</span><span class="MXMLString">Amount</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:series&gt;</span>            
+        <span class="MXMLComponent_Tag">&lt;/mx:BubbleChart&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Legend</span><span class="MXMLDefault_Text"> dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">bubblechart</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceIndex.xml
index 93582ca..8cc8ad1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-CandlestickChart</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CandlestickChart.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-CandlestickChart</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-CandlestickChart.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/index.html
index cbf8b2b..0a237d1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CandlestickChart/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-CandlestickChart</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-CandlestickChart</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[05/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/index.html
index 8f03ebd..2aab4e3 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Filters</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Filters</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/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-Filters/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/sample1.mxml.html
index 5dd03ed..74385e3 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Filters/srcview/source/sample1.mxml.html
@@ -14,91 +14,91 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;s: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">" 
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
-               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"
-               creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
-        &lt;![CDATA[
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">time</span>:<span class="ActionScriptDefault_Text">Timer</span>;
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">time</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>1000<span class="ActionScriptOperator">,</span>0<span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptDefault_Text">time</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TIMER</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">timeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptDefault_Text">time</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-                
-            <span class="ActionScriptBracket/Brace">}</span>
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">timeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ev</span>:<span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">++</span>;
-                <span class="ActionScriptDefault_Text">dynamicText</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</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">filterHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ev</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filterArr</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> [];
-                
-                <span class="ActionScriptDefault_Text">blurBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">blur</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
-                <span class="ActionScriptDefault_Text">glowBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">glow</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
-                <span class="ActionScriptDefault_Text">shadowBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropShadow</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
-                <span class="ActionScriptDefault_Text">bevelBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bevel</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
-                
-                <span class="ActionScriptDefault_Text">textSample</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filters</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filterArr</span>;
-                <span class="ActionScriptDefault_Text">dynamicText</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filters</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filterArr</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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment">filters</span><span class="MXMLComment">--&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:GlowFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">glow</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#88AEF7</span><span class="MXMLDefault_Text">" quality="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" strength="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:BlurFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">blur</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" quality="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:DropShadowFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dropShadow</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.35</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" distance="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#000000</span><span class="MXMLDefault_Text">" angle="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:BevelFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bevel</span><span class="MXMLDefault_Text">" angle="</span><span class="MXMLString">45</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" distance="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" strength="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">" highlightAlpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">" shadowAlpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">"  </span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Filters 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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">textSample</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">SAMPLE TEXT</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
-                 fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" filters="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">bevel</span><span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">blurBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Blur</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">glowBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Glow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">shadowBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Drop Shadow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bevelBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Bevel</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dynamicText</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">" filters="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">bevel</span><span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s: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">" 
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</span><span class="MXMLDefault_Text">" 
+               viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"
+               creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">time</span>:<span class="ActionScriptDefault_Text">Timer</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">count</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">time</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Timer</span><span class="ActionScriptBracket/Brace">(</span>1000<span class="ActionScriptOperator">,</span>0<span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">time</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TIMER</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">timeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">time</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">timeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ev</span>:<span class="ActionScriptDefault_Text">TimerEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">count</span> <span class="ActionScriptOperator">++</span>;
+                <span class="ActionScriptDefault_Text">dynamicText</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">count</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">filterHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ev</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span><span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filterArr</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> [];
+                
+                <span class="ActionScriptDefault_Text">blurBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">blur</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
+                <span class="ActionScriptDefault_Text">glowBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">glow</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
+                <span class="ActionScriptDefault_Text">shadowBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dropShadow</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
+                <span class="ActionScriptDefault_Text">bevelBox</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">?</span> <span class="ActionScriptDefault_Text">filterArr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bevel</span><span class="ActionScriptBracket/Brace">)</span>: <span class="ActionScriptReserved">null</span>;
+                
+                <span class="ActionScriptDefault_Text">textSample</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filters</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filterArr</span>;
+                <span class="ActionScriptDefault_Text">dynamicText</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filters</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filterArr</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="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment">filters</span><span class="MXMLComment">--&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:GlowFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">glow</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#88AEF7</span><span class="MXMLDefault_Text">" quality="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" strength="</span><span class="MXMLString">1</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:BlurFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">blur</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" quality="</span><span class="MXMLString">2</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:DropShadowFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dropShadow</span><span class="MXMLDefault_Text">" alpha="</span><span class="MXMLString">0.35</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" distance="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#000000</span><span class="MXMLDefault_Text">" angle="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:BevelFilter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bevel</span><span class="MXMLDefault_Text">" angle="</span><span class="MXMLString">45</span><span class="MXMLDefault_Text">" blurX="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" blurY="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" distance="</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">" strength="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">" highlightAlpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">" shadowAlpha="</span><span class="MXMLString">0.7</span><span class="MXMLDefault_Text">"  </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Filters 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:VerticalLayout</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:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">textSample</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">SAMPLE TEXT</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
+                 fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" filters="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">bevel</span><span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">blurBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Blur</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">glowBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Glow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">shadowBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Drop Shadow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</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:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bevelBox</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Bevel</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">filterHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dynamicText</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">18</span><span class="MXMLDefault_Text">" filters="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">bevel</span><span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceIndex.xml
index f409142..3abeb4a 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-Form</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Form.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-Form</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-Form.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/index.html
index 1219a30..406d52d 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Form/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-Form</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-Form</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>


[39/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/NumberInterpolatorWrapping.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/NumberInterpolatorWrapping.as.html b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/NumberInterpolatorWrapping.as.html
index 72be207..b20402e 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/NumberInterpolatorWrapping.as.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/CustomLayout-FlickrWheel/srcview/source/NumberInterpolatorWrapping.as.html
@@ -23,96 +23,96 @@
 <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">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">interpolation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IInterpolator</span>;
-    
-<span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span> <span class="ActionScriptReserved">implements</span> <span class="ActionScriptDefault_Text">IInterpolator</span>
-<span class="ActionScriptBracket/Brace">{</span>
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>:<span class="ActionScriptDefault_Text">Number</span>;
-    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_rangeEnd</span>:<span class="ActionScriptDefault_Text">Number</span>;
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">rangeBegin</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">rangeEnd</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rangeBegin</span>;
-        <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rangeEnd</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-        
-    <span class="ActionScriptASDoc">/**
-     * Returns the type that an implementor can handle
-     */</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">interpolatedType</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Class</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">Number</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptASDoc">/**
-     * Given an elapsed fraction of an animation between 0 and 1,
-     * and start and end values, this function returns some value
-     * based on whatever interpolation the implementor chooses to
-     * provide.
-     */</span>
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">interpolate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">endValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">startValue</span>;
-        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">endValue</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">start</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">end</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span>;
-
-        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScript
 Default_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptReserved">else</span>
-        <span class="ActionScriptBracket/Brace">{</span>
-            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span>;
-            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-            <span class="ActionScriptReserved">else</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>;
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">}</span>        
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">increment</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">incrementValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">incrementValue</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptComment">// This won't handle situations where we're adding more than
-</span>        <span class="ActionScriptComment">// the range itself, but since this will only be called when
-</span>        <span class="ActionScriptComment">// the user submits a 'byValue' that large, it seems unlikely
-</span>        <span class="ActionScriptComment">// at the very least
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">decrement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">decrementValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">decrementValue</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptComment">// This won't handle situations where we're subtracting more than
-</span>        <span class="ActionScriptComment">// the range itself, but since this will only be called when
-</span>        <span class="ActionScriptComment">// the user submits a 'byValue' that large, it seems unlikely
-</span>        <span class="ActionScriptComment">// at the very least
-</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span>
-            <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptBracket/Brace">)</span>;
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
-    <span class="ActionScriptBracket/Brace">}</span>
-    
-    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">getLength</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">endValue</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
-    <span class="ActionScriptBracket/Brace">{</span>
-        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">min</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScr
 iptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
-    <span class="ActionScriptBracket/Brace">}</span>   
-
-<span class="ActionScriptBracket/Brace">}</span>
+<body><pre><span class="ActionScriptpackage">package</span>
+<span class="ActionScriptBracket/Brace">{</span>
+<span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">effects</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">interpolation</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IInterpolator</span>;
+    
+<span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span> <span class="ActionScriptReserved">implements</span> <span class="ActionScriptDefault_Text">IInterpolator</span>
+<span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>:<span class="ActionScriptDefault_Text">Number</span>;
+    <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">_rangeEnd</span>:<span class="ActionScriptDefault_Text">Number</span>;
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">NumberInterpolatorWrapping</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">rangeBegin</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">rangeEnd</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rangeBegin</span>;
+        <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rangeEnd</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+        
+    <span class="ActionScriptASDoc">/**
+     * Returns the type that an implementor can handle
+     */</span>
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">interpolatedType</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Class</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">Number</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptASDoc">/**
+     * Given an elapsed fraction of an animation between 0 and 1,
+     * and start and end values, this function returns some value
+     * based on whatever interpolation the implementor chooses to
+     * provide.
+     */</span>
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">interpolate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">startValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">endValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">startValue</span>;
+        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">endValue</span>;
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">start</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">end</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span>;
+
+        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScript
 Default_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">end</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptReserved">else</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span>;
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">fraction</span> <span class="ActionScriptOperator">*</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">start</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">end</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">-=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeBegin</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>        
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">increment</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">incrementValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">incrementValue</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptComment">// This won't handle situations where we're adding more than
+</span>        <span class="ActionScriptComment">// the range itself, but since this will only be called when
+</span>        <span class="ActionScriptComment">// the user submits a 'byValue' that large, it seems unlikely
+</span>        <span class="ActionScriptComment">// at the very least
+</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">_rangeEnd</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">decrement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">decrementValue</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Object</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">baseValue</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">decrementValue</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptComment">// This won't handle situations where we're subtracting more than
+</span>        <span class="ActionScriptComment">// the range itself, but since this will only be called when
+</span>        <span class="ActionScriptComment">// the user submits a 'byValue' that large, it seems unlikely
+</span>        <span class="ActionScriptComment">// at the very least
+</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">_rangeBegin</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">result</span>;
+    <span class="ActionScriptBracket/Brace">}</span>
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">getLength</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">endValue</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">Number</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">min</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">_rangeEnd</span> <span class="ActionScriptOperator">-</span> <span class="ActionScr
 iptDefault_Text">_rangeBegin</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">Math</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">abs</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">startValue</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">endValue</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="ActionScriptBracket/Brace">}</span>   
+
+<span class="ActionScriptBracket/Brace">}</span>
 <span class="ActionScriptBracket/Brace">}</span></pre></body>
 </html>


[13/51] [partial] trying to merge TourDeFlex develop release into master

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html
index 39f3244..94fc55b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html
@@ -14,75 +14,75 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>sample1.mxml</title>
-<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
-</head>
-
-<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0"?&gt;</span>
-<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate DateChooser control. </span><span class="MXMLComment">--&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">" 
-               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:Script&gt;</span>
-        &lt;![CDATA[
-        
-            <span class="ActionScriptComment">// Event handler function to write the selected
-</span>            <span class="ActionScriptComment">// date to the Label control.        
-</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
-                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span>;
-                <span class="ActionScriptReserved">else</span>
-                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span>
-                                        <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDate</span><span class="A
 ctionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
-    
-    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s: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">" </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">DateChooser Control Example</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">" 
-             width="</span><span class="MXMLString">600</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:VGroup&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Simple DateChooser Control</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateChooser1</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"  height="</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">"   
-                            change="</span><span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateChooser</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:VGroup&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Disable dates before Oct 31st, 2008</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateChooser2</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">175</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">"
-                            disabledRanges="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span>: <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008<span class="ActionScriptOperator">,</span> 9<span class="ActionScriptOperator">,</span> 31<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateChooser2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Select a date in the DateChooser control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>    
-    
-<span class="MXMLComponent_Tag">&lt;/s: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>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0"?&gt;</span>
+<span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Simple example to demonstrate DateChooser control. </span><span class="MXMLComment">--&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">" 
+               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:Script&gt;</span>
+        &lt;![CDATA[
+        
+            <span class="ActionScriptComment">// Event handler function to write the selected
+</span>            <span class="ActionScriptComment">// date to the Label control.        
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span>;
+                <span class="ActionScriptReserved">else</span>
+                    <span class="ActionScriptDefault_Text">selection</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Date selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getFullYear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span>
+                                        <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMonth</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span>1<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">'/'</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDate</span><span class="A
 ctionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:DateFormatter</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">df</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s: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">" </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">DateChooser Control Example</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">" 
+             width="</span><span class="MXMLString">600</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:VGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Simple DateChooser Control</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateChooser1</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"  height="</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">"   
+                            change="</span><span class="ActionScriptDefault_Text">displayDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateChooser</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">selection</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Disable dates before Oct 31st, 2008</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:DateChooser</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dateChooser2</span><span class="MXMLDefault_Text">" yearNavigationEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">175</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">145</span><span class="MXMLDefault_Text">"
+                            disabledRanges="</span><span class="MXMLString">{</span><span class="ActionScriptBracket/Brace">[</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">rangeEnd</span>: <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span>2008<span class="ActionScriptOperator">,</span> 9<span class="ActionScriptOperator">,</span> 31<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptBracket/Brace">]</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Date selected: {</span><span class="ActionScriptDefault_Text">df</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dateChooser2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedDate</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">30%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Select a date in the DateChooser control.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Select it again while holding down the Control key to clear it.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>    
+    
+<span class="MXMLComponent_Tag">&lt;/s: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-DateField/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceIndex.xml
index 3f046cc..f6aa9b7 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceIndex.xml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceIndex.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,21 @@
   limitations under the License.
 
 -->
-<index>
-	<title>Source of Sample-Adobe-DateField</title>
-	<nodes>
-		<node label="html-template">
-			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
-		</node>
-		<node label="libs">
-		</node>
-		<node label="src">
-			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
-			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
-		</node>
-	</nodes>
-	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateField.zip">
-	</zipfile>
-	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
-	</sdklink>
-</index>
+<index>
+	<title>Source of Sample-Adobe-DateField</title>
+	<nodes>
+		<node label="html-template">
+			<node icon="htmlIcon" label="index.template.html" url="source/html-template/index.template.html"/>
+		</node>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node icon="mxmlIcon" label="TDFGradientBackgroundSkin.mxml" url="source/TDFGradientBackgroundSkin.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 6K)" url="Sample-Adobe-DateField.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceStyles.css
index 16d5c8c..85d85fe 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceStyles.css
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/SourceStyles.css
@@ -14,142 +14,142 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-body {
-	font-family: Courier New, Courier, monospace;
-	font-size: medium;
-}
-
-.CSS@font-face {
-	color: #990000;
-	font-weight: bold;
-}
-
-.CSS@import {
-	color: #006666;
-	font-weight: bold;
-}
-
-.CSS@media {
-	color: #663333;
-	font-weight: bold;
-}
-
-.CSS@namespace {
-	color: #923196;
-}
-
-.CSSComment {
-	color: #999999;
-}
-
-.CSSDefault_Text {
-}
-
-.CSSDelimiters {
-}
-
-.CSSProperty_Name {
-	color: #330099;
-}
-
-.CSSProperty_Value {
-	color: #3333cc;
-}
-
-.CSSSelector {
-	color: #ff00ff;
-}
-
-.CSSString {
-	color: #990000;
-}
-
-.MXMLASDoc {
-	color: #3f5fbf;
-}
-
-.MXMLComment {
-	color: #800000;
-}
-
-.MXMLComponent_Tag {
-	color: #0000ff;
-}
-
-.MXMLDefault_Text {
-}
-
-.MXMLProcessing_Instruction {
-}
-
-.MXMLSpecial_Tag {
-	color: #006633;
-}
-
-.MXMLString {
-	color: #990000;
-}
-
-.ActionScriptASDoc {
-	color: #3f5fbf;
-}
-
-.ActionScriptBracket/Brace {
-}
-
-.ActionScriptComment {
-	color: #009900;
-	font-style: italic;
-}
-
-.ActionScriptDefault_Text {
-}
-
-.ActionScriptMetadata {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptOperator {
-}
-
-.ActionScriptReserved {
-	color: #0033ff;
-	font-weight: bold;
-}
-
-.ActionScriptString {
-	color: #990000;
-	font-weight: bold;
-}
-
-.ActionScriptclass {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptfunction {
-	color: #339966;
-	font-weight: bold;
-}
-
-.ActionScriptinterface {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScriptpackage {
-	color: #9900cc;
-	font-weight: bold;
-}
-
-.ActionScripttrace {
-	color: #cc6666;
-	font-weight: bold;
-}
-
-.ActionScriptvar {
-	color: #6699cc;
-	font-weight: bold;
-}
-
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/index.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/index.html
index c2449ea..8c694b2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/index.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/index.html
@@ -14,19 +14,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<!-- saved from url=(0014)about:internet -->
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Source of Sample-Adobe-DateField</title>
-</head>
-<frameset cols="235,*" border="2" framespacing="1">
-    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
-    <frame src="source/sample1.mxml.html" name="mainFrame">
-</frameset>
-<noframes>
-	<body>		
-	</body>
-</noframes>
-</html>
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-Adobe-DateField</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/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-DateField/srcview/source/final-sample/DateField.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/DateField.png.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/DateField.png.html
index f1dff5c..d43d2cf 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/DateField.png.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/DateField.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>DateField.png</title>
-</head>
-
-<body>
-<img src="DateField.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>DateField.png</title>
+</head>
+
+<body>
+<img src="DateField.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.html
index f748af9..67ff53c 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-DateField/srcview/source/final-sample/sample1.html
@@ -14,32 +14,32 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 -->
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title></title>
-<style>
-body { margin: 0px; overflow:hidden }
-</style>
-</head>
-
-<body scroll="no">
-  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
-			id="sample1" width="100%" height="100%"
-			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
-			<param name="movie" value="sample1.swf" />
-			<param name="quality" value="high" />
-			<param name="bgcolor" value="#000000" />
-			<param name="allowScriptAccess" value="sameDomain" />
-			<embed src="sample1.swf" quality="high" bgcolor="#000000"
-				width="100%" height="100%" name="sample1" align="middle"
-				play="true"
-				loop="false"
-				quality="high"
-				allowScriptAccess="sameDomain"
-				type="application/x-shockwave-flash"
-				pluginspage="http://www.adobe.com/go/getflashplayer">
-			</embed>
-	</object>
-</body>
-</html>
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="sample1" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="sample1.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="sample1.swf" quality="high" bgcolor="#000000"
+				width="100%" height="100%" name="sample1" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>