http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..3c4d872
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,178 @@
+<!--
+  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>TDFPanelSkin.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="MXMLASDoc">&lt;!---</span><span class="MXMLASDoc"> Custom Spark 
Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+</span><span class="MXMLASDoc">--&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:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" alpha.disabled="</span><span 
class="MXMLString">0.5</span><span class="MXMLDefault_Text">"
+             blendMode.disabled="</span><span 
class="MXMLString">layer</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Metadata&gt;</span>
+        &lt;![CDATA[ 
+        <span class="ActionScriptASDoc">/** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */</span>
+        <span class="ActionScriptBracket/Brace">[</span><span 
class="ActionScriptMetadata">HostComponent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"spark.components.Panel"</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:Metadata&gt;</span> 
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        <span class="ActionScriptComment">/* Define the skin elements that 
should not be colorized. 
+        For panel, border and title backround are skinned, but the content 
area and title text are not. */</span>
+        <span class="ActionScriptReserved">static</span> <span 
class="ActionScriptReserved">private</span> <span 
class="ActionScriptReserved">const</span> <span 
class="ActionScriptDefault_Text">exclusions</span>:<span 
class="ActionScriptDefault_Text">Array</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptBracket/Brace">[</span><span 
class="ActionScriptString">"background"</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"titleDisplay"</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"contentGroup"</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"bgFill"</span><span 
class="ActionScriptBracket/Brace">]</span>;
+        
+        <span class="ActionScriptASDoc">/** 
+         * @copy spark.skins.SparkSkin#colorizeExclusions
+         */</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">colorizeExclusions</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptDefault_Text">Array</span> <span 
class="ActionScriptBracket/Brace">{</span><span 
class="ActionScriptReserved">return</span> <span 
class="ActionScriptDefault_Text">exclusions</span>;<span 
class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptComment">/* Define the content fill items 
that should be colored by the "contentBackgroundColor" style. */</span>
+        <span class="ActionScriptReserved">static</span> <span 
class="ActionScriptReserved">private</span> <span 
class="ActionScriptReserved">const</span> <span 
class="ActionScriptDefault_Text">contentFill</span>:<span 
class="ActionScriptDefault_Text">Array</span> <span 
class="ActionScriptOperator">=</span> [];
+        
+        <span class="ActionScriptASDoc">/**
+         * @inheritDoc
+         */</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">contentItems</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptDefault_Text">Array</span> <span 
class="ActionScriptBracket/Brace">{</span><span 
class="ActionScriptReserved">return</span> <span 
class="ActionScriptDefault_Text">contentFill</span><span 
class="ActionScriptBracket/Brace">}</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">disabled</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">normalWithControlBar</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">disabledWithControlBar</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:states&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> drop 
shadow </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:RectangularDropShadow</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">shadow</span><span class="MXMLDefault_Text">" 
blurX="</span><span class="MXMLString">20</span><span 
class="MXMLDefault_Text">" blurY="</span><span 
class="MXMLString">20</span><span class="MXMLDefault_Text">" 
alpha="</span><span class="MXMLString">0.32</span><span 
class="MXMLDefault_Text">" distance="</span><span 
class="MXMLString">11</span><span class="MXMLDefault_Text">" 
+                             angle="</span><span 
class="MXMLString">90</span><span class="MXMLDefault_Text">" 
color="</span><span class="MXMLString">#000000</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" top="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" right="</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> layer 
1: border </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s: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:stroke&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:SolidColorStroke</span><span 
class="MXMLDefault_Text"> color="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" alpha="</span><span 
class="MXMLString">0.50</span><span class="MXMLDefault_Text">" 
weight="</span><span class="MXMLString">1</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:stroke&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
+    
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> layer 
2: background fill </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> This 
layer was modified for Tour de Flex samples to have a gradient border at the 
bottom. </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s: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">" bottom="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">15</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:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0xE2E2E2</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">0x000000</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&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="MXMLComment">&lt;!--</span><span class="MXMLComment"> layer 
3: contents </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLASDoc">&lt;!---</span><span class="MXMLASDoc"> contains 
the vertical stack of titlebar content and controlbar </span><span 
class="MXMLASDoc">--&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"> gap="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" horizontalAlign="</span><span 
class="MXMLString">justify</span><span 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:Group</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">topGroup</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 0: title bar fill </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
Note: We have custom skinned the title bar to be solid black for Tour de Flex 
</span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Rect</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">tbFill</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">1</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">0x000000</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 1: title bar highlight </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Rect</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">tbHilite</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:stroke&gt;</span>
+                    <span 
class="MXMLComponent_Tag">&lt;s:LinearGradientStroke</span><span 
class="MXMLDefault_Text"> rotation="</span><span 
class="MXMLString">90</span><span class="MXMLDefault_Text">" 
weight="</span><span class="MXMLString">1</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">0xEAEAEA</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">0xD9D9D9</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
+                    <span 
class="MXMLComponent_Tag">&lt;/s:LinearGradientStroke&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:stroke&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
+            
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 2: title bar divider </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Rect</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">tbDiv</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">" height="</span><span 
class="MXMLString">1</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">0xC0C0C0</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 3: text </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLASDoc">&lt;!---</span><span class="MXMLASDoc"> 
Defines the appearance of the PanelSkin class's title bar. </span><span 
class="MXMLASDoc">--&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
Note: The title text display has been slightly modified for Tour de Flex. 
</span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">titleDisplay</span><span class="MXMLDefault_Text">" 
lineBreak="</span><span class="MXMLString">explicit</span><span 
class="MXMLDefault_Text">"
+                          left="</span><span class="MXMLString">9</span><span 
class="MXMLDefault_Text">" top="</span><span class="MXMLString">1</span><span 
class="MXMLDefault_Text">" bottom="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
minHeight="</span><span class="MXMLString">30</span><span 
class="MXMLDefault_Text">"
+                          verticalAlign="</span><span 
class="MXMLString">middle</span><span class="MXMLDefault_Text">" 
fontWeight="</span><span class="MXMLString">bold</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#E2E2E2</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Label&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
+        
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment">
+        Note: setting the minimum size to 0 here so that changes to the host 
component's
+        size will not be thwarted by this skin part's minimum size.   This is 
a compromise,
+        more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+        </span><span class="MXMLComment">--&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">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
minWidth="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" minHeight="</span><span 
class="MXMLString">0</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:Group</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">bottomGroup</span><span class="MXMLDefault_Text">" 
minWidth="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" minHeight="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">"
+                 includeIn="</span><span 
class="MXMLString">normalWithControlBar, disabledWithControlBar</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">&gt;</span>
+            
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 0: control bar background </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
Note: We are skinning this to be the gradient in case we do specify control
+            bar content, but it will only display if there's a 
controlBarContent
+            property specified.</span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s: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">" bottom="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">15</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:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0xE2E2E2</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">0x000000</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&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="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 1: control bar divider line </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s: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">" height="</span><span 
class="MXMLString">1</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">0xCDCDCD</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="MXMLComment">&lt;!--</span><span class="MXMLComment"> 
layer 2: control bar </span><span class="MXMLComment">--&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Group</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">controlBarGroup</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">1</span><span class="MXMLDefault_Text">" 
bottom="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" minWidth="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
minHeight="</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: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;/s:Group&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:Group&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Group&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/ComboBox/srcview/src/sample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/sample.mxml 
b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/sample.mxml
new file mode 100644
index 0000000..73c6b28
--- /dev/null
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/sample.mxml
@@ -0,0 +1,66 @@
+<?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" 
viewSourceURL="srcview/index.html">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.collections.ArrayCollection;
+                       
+                       import skins.TDFPanelSkin;
+               
+               [Bindable]
+               public var cards:ArrayCollection = new ArrayCollection(
+                       [ {label:"Visa", data:1}, 
+                       {label:"MasterCard", data:2}, 
+                       {label:"American Express", data:3} ]);
+               
+               private function changeHandler(event:Event):void {
+               
+                       myLabel.text = "You selected: " +  
ComboBox(event.target).selectedItem.label;
+                       myData.text = "Data: " +  
ComboBox(event.target).selectedItem.data;
+               }     
+               ]]>
+       </fx:Script>
+       
+       <s:Panel title="ComboBox Sample" skinClass="skins.TDFPanelSkin" 
+                         height="100%" width="100%">
+               
+               <s:HGroup top="20" horizontalCenter="0" >
+                       <s:VGroup>
+                               <s:Label  width="200" color="0x336699" 
text="Select credit card type:"/>
+                               <s:ComboBox dataProvider="{cards}" width="150" 
color="0x000000"
+                                                       
change="changeHandler(event);" selectedIndex="0"/>
+                                       
+                       </s:VGroup>
+                       <mx:Spacer width="20"/>
+                       <s:VGroup>
+                               <s:Label id="myLabel" text="You selected:" 
fontWeight="bold"/>
+                               <s:Label id="myData" text="Data:" 
fontWeight="bold"/>   
+                       </s:VGroup>
+                       
+               </s:HGroup> 
+               <s:Label color="#323232" width="75%" bottom="20" 
horizontalCenter="0"
+                                text="The ComboBox component is similar to a 
DropDownList but includes a TextInput instead of a Label. A user can type into 
the TextInput and the drop-down will scroll to and highlight the closest match.
+Users are allowed to type in an item not found in the dataProvider. With this 
behavior, a ComboBox acts as a list of suggested values, while a DropDownList 
acts as a list of possible values.  "/>
+                       
+       </s:Panel>    
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/skins/TDFPanelSkin.mxml
 
b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..f9151dc
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/ComboBox/srcview/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,171 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+                        blendMode.disabled="layer">
+       
+       <fx:Metadata>
+               <![CDATA[ 
+               /** 
+               * @copy spark.skins.spark.ApplicationSkin#hostComponent
+               */
+               [HostComponent("spark.components.Panel")]
+               ]]>
+       </fx:Metadata> 
+       
+       <fx:Script>
+               /* Define the skin elements that should not be colorized. 
+               For panel, border and title backround are skinned, but the 
content area and title text are not. */
+               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
+               
+               /** 
+                * @copy spark.skins.SparkSkin#colorizeExclusions
+                */     
+               override public function get colorizeExclusions():Array {return 
exclusions;}
+               
+               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
+               static private const contentFill:Array = [];
+               
+               /**
+                * @inheritDoc
+                */
+               override public function get contentItems():Array {return 
contentFill};
+       </fx:Script>
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+               <s:State name="normalWithControlBar" />
+               <s:State name="disabledWithControlBar" />
+       </s:states>
+       
+       <!-- drop shadow -->
+       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
+                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
+       
+       <!-- layer 1: border -->
+       <s:Rect left="0" right="0" top="0" bottom="0">
+               <s:stroke>
+                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+               </s:stroke>
+       </s:Rect>
+       
+       
+       <!-- layer 2: background fill -->
+       <!-- This layer was modified for Tour de Flex samples to have a 
gradient border at the bottom. -->
+       <s:Rect left="0" right="0" bottom="0" height="15">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:GradientEntry color="0xE2E2E2" />
+                               <s:GradientEntry color="0x000000" />
+                       </s:LinearGradient>
+               </s:fill>
+       </s:Rect>
+       
+       <!-- layer 3: contents -->
+       <!--- contains the vertical stack of titlebar content and controlbar -->
+       <s:Group left="1" right="1" top="1" bottom="1" >
+               <s:layout>
+                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
+               </s:layout>
+               
+               <s:Group id="topGroup" >
+                       <!-- layer 0: title bar fill -->
+                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
+                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0x000000" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: title bar highlight -->
+                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
+                               <s:stroke>
+                                       <s:LinearGradientStroke rotation="90" 
weight="1">
+                                               <s:GradientEntry 
color="0xEAEAEA" />
+                                               <s:GradientEntry 
color="0xD9D9D9" />
+                                       </s:LinearGradientStroke>
+                               </s:stroke>
+                       </s:Rect>
+                       
+                       <!-- layer 2: title bar divider -->
+                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
+                               <s:fill>
+                                       <s:SolidColor color="0xC0C0C0" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 3: text -->
+                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
+                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
+                       <s:Label id="titleDisplay" lineBreak="explicit"
+                                                 left="9" top="1" bottom="0" 
minHeight="30"
+                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
+                       </s:Label>
+               </s:Group>
+               
+               <!--
+               Note: setting the minimum size to 0 here so that changes to the 
host component's
+               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
+               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+               -->
+               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
+               </s:Group>
+               
+               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
+                       
+                       <!-- layer 0: control bar background -->
+                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
+                       bar content, but it will only display if there's a 
controlBarContent
+                       property specified.-->
+                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
+                               <s:fill>
+                                       <s:LinearGradient rotation="90">
+                                               <s:GradientEntry 
color="0xE2E2E2" />
+                                               <s:GradientEntry 
color="0x000000" />
+                                       </s:LinearGradient>
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: control bar divider line -->
+                       <s:Rect left="0" right="0" top="0" height="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0xCDCDCD" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 2: control bar -->
+                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
+                               <s:layout>
+                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
+                               </s:layout>
+                       </s:Group>
+               </s:Group>
+       </s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.out.xml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.out.xml
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.out.xml
new file mode 100644
index 0000000..2f32d30
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.out.xml
@@ -0,0 +1,18 @@
+<!--
+
+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/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
new file mode 100644
index 0000000..c499fdb
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/data/list.xml
@@ -0,0 +1,96 @@
+<?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.
+
+-->
+<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/d43c133c/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
new file mode 100644
index 0000000..2d0bec0
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample1.html
@@ -0,0 +1,121 @@
+<!--
+  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">
+            <!-- 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/d43c133c/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
new file mode 100644
index 0000000..6b4a126
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/sample2.html
@@ -0,0 +1,121 @@
+<!--
+  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">
+            <!-- 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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceIndex.xml
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceIndex.xml
new file mode 100644
index 0000000..b87f888
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceIndex.xml
@@ -0,0 +1,73 @@
+<?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-Flex4-CustomItemRendererWithAnimation</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="assets">
+                               <node icon="imageIcon" label="beesly.jpg" 
url="source/assets/beesly.jpg.html"/>
+                               <node icon="imageIcon" label="bernard.jpg" 
url="source/assets/bernard.jpg.html"/>
+                               <node icon="imageIcon" label="bratton.jpg" 
url="source/assets/bratton.jpg.html"/>
+                               <node icon="imageIcon" label="flenderson.jpg" 
url="source/assets/flenderson.jpg.html"/>
+                               <node icon="imageIcon" label="halpert.jpg" 
url="source/assets/halpert.jpg.html"/>
+                               <node icon="imageIcon" label="howard.jpg" 
url="source/assets/howard.jpg.html"/>
+                               <node icon="imageIcon" label="hudson.jpg" 
url="source/assets/hudson.jpg.html"/>
+                               <node icon="imageIcon" label="kapoor.jpg" 
url="source/assets/kapoor.jpg.html"/>
+                               <node icon="imageIcon" label="lapin.jpg" 
url="source/assets/lapin.jpg.html"/>
+                               <node icon="imageIcon" label="malone.jpg" 
url="source/assets/malone.jpg.html"/>
+                               <node icon="imageIcon" label="martin.jpg" 
url="source/assets/martin.jpg.html"/>
+                               <node icon="imageIcon" label="martinez.jpg" 
url="source/assets/martinez.jpg.html"/>
+                               <node label="MyriadPro-Semibold.otf" 
url="source/assets/MyriadPro-Semibold.otf"/>
+                               <node icon="imageIcon" label="palmer.jpg" 
url="source/assets/palmer.jpg.html"/>
+                               <node icon="imageIcon" label="schrute.jpg" 
url="source/assets/schrute.jpg.html"/>
+                               <node icon="imageIcon" label="scott.jpg" 
url="source/assets/scott.jpg.html"/>
+                       </node>
+                       <node label="data">
+                               <node label="list.out.xml" 
url="source/data/list.out.xml.txt"/>
+                               <node label="list.xml" 
url="source/data/list.xml.txt"/>
+                       </node>
+                       <node icon="packageIcon" label="renderers" 
expanded="true">
+                               <node icon="mxmlIcon" 
label="ImageRenderer1.mxml" url="source/renderers/ImageRenderer1.mxml.html"/>
+                               <node icon="mxmlIcon" 
label="ImageRenderer2.mxml" url="source/renderers/ImageRenderer2.mxml.html"/>
+                       </node>
+                       <node icon="packageIcon" label="skins" expanded="true">
+                               <node icon="mxmlIcon" label="TDFPanelSkin.mxml" 
url="source/skins/TDFPanelSkin.mxml.html"/>
+                       </node>
+                       <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>
+       </nodes>
+       <zipfile label="Download source (ZIP, 176K)" 
url="Sample-Flex4-CustomItemRendererWithAnimation.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/CustomItemRendererWithEffects/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceStyles.css
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceStyles.css
new file mode 100644
index 0000000..a8b5614
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/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;
+}
+
+.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;
+}
+
+.MXMLASDoc {
+       color: #3f5fbf;
+}
+
+.MXMLComment {
+       color: #800000;
+}
+
+.MXMLComponent_Tag {
+       color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+       color: #006633;
+}
+
+.MXMLString {
+       color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceTree.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/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/CustomItemRendererWithEffects/srcview/index.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/index.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/index.html
new file mode 100644
index 0000000..93c9913
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/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-Flex4-CustomItemRendererWithAnimation</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/CustomItemRendererWithEffects/srcview/source/assets/beesly.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/beesly.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/beesly.jpg.html
new file mode 100644
index 0000000..c1c1406
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/beesly.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>beesly.jpg</title>
+</head>
+
+<body>
+<img src="beesly.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bernard.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bernard.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bernard.jpg.html
new file mode 100644
index 0000000..89a739e
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bernard.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>bernard.jpg</title>
+</head>
+
+<body>
+<img src="bernard.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bratton.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bratton.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bratton.jpg.html
new file mode 100644
index 0000000..77db10d
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/bratton.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>bratton.jpg</title>
+</head>
+
+<body>
+<img src="bratton.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/flenderson.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/flenderson.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/flenderson.jpg.html
new file mode 100644
index 0000000..82e3bfc
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/flenderson.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>flenderson.jpg</title>
+</head>
+
+<body>
+<img src="flenderson.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/halpert.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/halpert.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/halpert.jpg.html
new file mode 100644
index 0000000..60a0ef4
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/halpert.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>halpert.jpg</title>
+</head>
+
+<body>
+<img src="halpert.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/howard.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/howard.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/howard.jpg.html
new file mode 100644
index 0000000..ed1f49a
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/howard.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>howard.jpg</title>
+</head>
+
+<body>
+<img src="howard.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/hudson.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/hudson.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/hudson.jpg.html
new file mode 100644
index 0000000..1cb6723
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/hudson.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>hudson.jpg</title>
+</head>
+
+<body>
+<img src="hudson.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/kapoor.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/kapoor.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/kapoor.jpg.html
new file mode 100644
index 0000000..97db44c
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/kapoor.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>kapoor.jpg</title>
+</head>
+
+<body>
+<img src="kapoor.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/lapin.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/lapin.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/lapin.jpg.html
new file mode 100644
index 0000000..efdc430
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/lapin.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>lapin.jpg</title>
+</head>
+
+<body>
+<img src="lapin.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/malone.jpg.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/malone.jpg.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/malone.jpg.html
new file mode 100644
index 0000000..0baa63c
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/CustomItemRendererWithEffects/srcview/source/assets/malone.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>malone.jpg</title>
+</head>
+
+<body>
+<img src="malone.jpg" border="0"/>
+</body>
+</html>

Reply via email to