http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/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
new file mode 100644
index 0000000..009bfb3
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
@@ -0,0 +1,86 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>VideoPlayer.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml 
version=&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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.html
new file mode 100644
index 0000000..9af6e87
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.html
@@ -0,0 +1,16 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/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
new file mode 100644
index 0000000..2cfd8c6
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
@@ -0,0 +1,37 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>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/d43c133c/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
new file mode 100644
index 0000000..b5f7bae
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
@@ -0,0 +1,58 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:Application</span><span 
class="MXMLDefault_Text"> xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">"  
+               xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
+               xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/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/d43c133c/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
new file mode 100644
index 0000000..f19dfd1
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as
@@ -0,0 +1,176 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+       import flash.events.Event;
+       import flash.events.KeyboardEvent;
+       import flash.events.MouseEvent;
+       import flash.geom.Point;
+       import flash.ui.Keyboard;
+       
+       import mx.collections.ArrayCollection;
+       import mx.controls.Button;
+       import mx.controls.List;
+       import mx.controls.TextInput;
+       import mx.core.UIComponent;
+       import mx.events.FlexEvent;
+       import mx.events.FlexMouseEvent;
+       import mx.events.ListEvent;
+       import mx.managers.PopUpManager;
+       
+       [Event(name="textChange", type="flash.events.Event")]
+       [Event(name="itemSelected", type="SearchBoxEvent")]
+       
+       public class SearchBox extends UIComponent
+       {
+               [Embed("assets/icon_close.png")]
+               private var closeIcon:Class;
+               
+               private var textInput:TextInput;
+               private var closeButton:Button;
+               private var list:List;
+               
+               private var isListVisible:Boolean = false;
+               
+               public var text:String;
+               
+               public function set dataProvider(dp:ArrayCollection):void
+               {
+                       list.dataProvider = dp;
+                       if (dp != null && dp.length > 0)
+                       {
+                                if (!isListVisible) popup();
+                                list.selectedIndex = 0;
+                       }
+                       else
+                       {
+                                if (isListVisible) removePopup();
+                       }
+               }
+               
+               override protected function createChildren():void
+               {
+                       super.createChildren();
+
+            textInput = new TextInput();
+                       textInput.addEventListener(Event.CHANGE, 
textInput_changeHandler);
+                       textInput.addEventListener(KeyboardEvent.KEY_DOWN, 
textInput_keyDownHandler);
+            addChild(textInput);
+            
+            closeButton = new Button();
+            closeButton.setStyle("icon", closeIcon)
+            closeButton.setStyle("skin", null)
+            closeButton.addEventListener(MouseEvent.CLICK, closeHandler);
+                       closeButton.width = 20;
+            addChild(closeButton);
+                       
+                       list = new List();
+                       list.setStyle("dropShadowEnabled", true);
+                       list.addEventListener(ListEvent.ITEM_CLICK, selectItem);
+            systemManager.addEventListener(Event.RESIZE, removePopup, false, 
0, true);
+               }
+               
+               override protected function 
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+               {
+                       super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+                       textInput.width = unscaledWidth - closeButton.width;
+                       textInput.height = unscaledHeight;
+                       
+                       closeButton.height = unscaledHeight;
+                       closeButton.move(unscaledWidth - closeButton.width, 0);
+               }
+               
+        override protected function measure():void 
+        {
+            super.measure();
+            this.measuredWidth = 160;
+            this.measuredHeight = textInput.measuredHeight;
+        }
+
+               private function 
textInput_keyDownHandler(event:KeyboardEvent):void
+               {
+                       switch (event.keyCode) 
+                       {
+                               case Keyboard.DOWN:
+                                       if (isListVisible)
+                                               list.selectedIndex++;
+                                       else
+                                               popup();                        
                
+                               break;
+                               case Keyboard.UP:
+                                       if (isListVisible && list.selectedIndex 
> 0)
+                                       {
+                                               list.selectedIndex--;
+                                       }
+                                       
textInput.setSelection(textInput.text.length, textInput.text.length);
+                               break;
+                               case Keyboard.ENTER:
+                                       if (isListVisible) selectItem();
+                               break;
+                               case Keyboard.ESCAPE:
+                                       if (isListVisible) removePopup();
+                               break;
+                       }
+               }
+
+           private function textInput_changeHandler(event:Event):void
+           {
+               text = textInput.text;
+               dispatchEvent(new Event("textChange")); 
+           }
+
+           private function list_mouseDownOutsideHandler(event:MouseEvent):void
+           {
+               removePopup();
+           }
+
+           private function selectItem(event:ListEvent = null):void
+           {
+               dispatchEvent(new SearchBoxEvent(SearchBoxEvent.ITEM_SELECTED, 
list.selectedItem));     
+               removePopup();
+           }
+
+               private function popup():void
+               {
+                       PopUpManager.addPopUp(list, this);
+               isListVisible = true;
+                       list.width = textInput.width;
+               var point:Point = new Point(0, unscaledHeight);
+           point = localToGlobal(point);
+           point = list.parent.globalToLocal(point);
+               list.move(point.x, point.y);
+            list.addEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, 
list_mouseDownOutsideHandler);
+               }
+
+               private function removePopup(event:Event=null):void
+               {
+                       PopUpManager.removePopUp(list);
+            list.removeEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, 
list_mouseDownOutsideHandler);
+                       isListVisible = false;  
+               }
+               
+               private function closeHandler(event:MouseEvent):void
+               {
+                       textInput.text = "";
+                       textInput.setFocus();
+               }
+               
+       }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/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
new file mode 100644
index 0000000..e48d8b5
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
@@ -0,0 +1,35 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+       import flash.events.Event;
+
+       public class SearchBoxEvent extends Event
+       {
+               public static const ITEM_SELECTED:String = "itemSelected";
+       
+               public var item:Object;
+               
+               public function SearchBoxEvent(type:String, item:Object, 
bubbles:Boolean = true, cancelable:Boolean = false)
+               {
+                       this.item = item;
+                       super(type, bubbles, cancelable);
+               }
+       }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/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
new file mode 100644
index 0000000..5b17033
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/TDFGradientBackgroundSkin.mxml
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                        xmlns:mx="library://ns.adobe.com/flex/mx" 
+                        xmlns:s="library://ns.adobe.com/flex/spark">
+       
+       <fx:Metadata>
+               [HostComponent("spark.components.Application")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+       </s:states>
+       
+       <s:layout>
+               <s:BasicLayout />
+       </s:layout>
+       
+       <s:Rect id="bg" width="100%" height="100%">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:entries>
+                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
+                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
+                               </s:entries>
+                       </s:LinearGradient>    
+               </s:fill>
+       </s:Rect>
+       
+       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/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
new file mode 100644
index 0000000..8f8b8c2
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s: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/d43c133c/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
new file mode 100644
index 0000000..dc0aec8
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                  xmlns:s="library://ns.adobe.com/flex/spark" 
+                  xmlns:mx="library://ns.adobe.com/flex/mx"  
+                  xmlns="*"
+                  layout="horizontal" 
+                  paddingTop="8">
+       
+       <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/d43c133c/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
new file mode 100644
index 0000000..15af0fc
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx"  
width="100%" height="100%">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+
+       <mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" 
error="Alert.show(event.errorText)"/>
+       
+       <s:VideoDisplay/>
+       
+</s:Application>

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

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

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/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
new file mode 100644
index 0000000..3532416
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/main.mxml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          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/d43c133c/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
new file mode 100644
index 0000000..67ff53c
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/sample1.html
@@ -0,0 +1,45 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+                       id="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/d43c133c/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
new file mode 100644
index 0000000..b667937
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<index>
+       <title>Source of Sample-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/d43c133c/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
new file mode 100644
index 0000000..85d85fe
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+body {
+       font-family: Courier New, Courier, monospace;
+       font-size: medium;
+}
+
+.CSS@font-face {
+       color: #990000;
+       font-weight: bold;
+}
+
+.CSS@import {
+       color: #006666;
+       font-weight: bold;
+}
+
+.CSS@media {
+       color: #663333;
+       font-weight: bold;
+}
+
+.CSS@namespace {
+       color: #923196;
+}
+
+.CSSComment {
+       color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+       color: #330099;
+}
+
+.CSSProperty_Value {
+       color: #3333cc;
+}
+
+.CSSSelector {
+       color: #ff00ff;
+}
+
+.CSSString {
+       color: #990000;
+}
+
+.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/d43c133c/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
new file mode 100644
index 0000000..9fc7773
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">    
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+               <!-- Include CSS to eliminate any default margins/padding and 
set the height of the html element and 
+                    the body element to 100%, because Firefox, or any Gecko 
based browser, interprets percentage as 
+                        the percentage of the height of its parent container, 
which has to be set explicitly.  Initially, 
+                        don't display flashContent div so it won't show if 
JavaScript disabled.
+               -->
+        <style type="text/css" media="screen"> 
+                       html, body      { height:100%; }
+                       body { margin:0; padding:0; overflow:auto; 
text-align:center; 
+                              background-color: #ffffff; }   
+                       #flashContent { display:none; }
+        </style>
+               
+               <!-- Enable Browser History by replacing useBrowserHistory 
tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+                   
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+               function loadIntoMain(url) {
+                               parent.mainFrame.location.href = url;
+                       }
+                       
+                       function openUrlWindow(url) {
+                               window.top.location = url;
+                       }
+                       
+            <!-- For version detection, set to min. required Flash Player 
version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, 
otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+                       <!-- JavaScript enabled so display the flashContent div 
in case it is not replaced with a swf object. -->
+                       swfobject.createCSS("#flashContent", 
"display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML 
content with Flash content when enough 
+                        JavaScript and Flash plug-in support is available. The 
div is initially hidden so that it doesn't show
+                        when JavaScript is disabled.
+               -->
+        <div id="flashContent">
+               <p>
+                       To view this page ensure that Adobe Flash Player 
version 
+                               10.0.0 or greater is installed. 
+                       </p>
+                       <script type="text/javascript"> 
+                               var pageHost = ((document.location.protocol == 
"https:") ? "https://"; : "http://";); 
+                               document.write("<a 
href='http://www.adobe.com/go/getflashplayer'><img src='" 
+                                                               + pageHost + 
"www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get 
Adobe Flash player' /></a>" ); 
+                       </script> 
+        </div>
+               
+               <noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" 
data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                       <p> 
+                               Either scripts and active content are not 
permitted to run or Adobe Flash Player version
+                               10.0.0 or greater is not installed.
+                       </p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer";>
+                        <img 
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"; 
alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+           </noscript>         
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/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
new file mode 100644
index 0000000..1b65fda
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd";>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-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/d43c133c/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
new file mode 100644
index 0000000..08e0ab0
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/TDFGradientBackgroundSkin.mxml.html
@@ -0,0 +1,57 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>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/d43c133c/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
new file mode 100644
index 0000000..67ff53c
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-CreditCardValidator/srcview/source/final-sample/sample1.html
@@ -0,0 +1,45 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+       <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+                       id="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>

Reply via email to