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

<TRUNCATED>

Reply via email to