flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From aha...@apache.org
Subject [19/34] git commit: [flex-asjs] [refs/heads/develop] - move examples into a flexjs folder now that we have a native folder for low-level examples
Date Mon, 24 Aug 2015 05:33:09 GMT
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml b/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml
new file mode 100755
index 0000000..f5700a1
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/FlexJSStore.mxml
@@ -0,0 +1,269 @@
+<?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.
+
+-->
+<jquery:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:js="library://ns.apache.org/flexjs/basic" 
+                xmlns:jquery="library://ns.apache.org/flexjs/jquery"
+                xmlns="*"
+                initialize="startService()"
+			    pageTitle="FlexStore">
+	
+	<fx:Script>
+		<![CDATA[	
+            import org.apache.flex.core.ValuesManager;
+            
+            /*
+			private var currentTheme:String = "beige";
+			
+			private function toggleTheme():void
+			{
+				if (currentTheme == "beige")
+				{
+					currentTheme = "blue";
+				}
+				else
+				{
+					currentTheme = "beige";
+				}
+				
+				loadStyle();
+			}
+			*/
+            
+			private function startService():void
+			{
+				productService.send();
+			}
+			
+			private function loadStyle():void
+			{
+                /* load css not implemented yet
+				var eventDispatcher:IEventDispatcher =
+					styleManager.loadStyleDeclarations(currentTheme + ".swf");
+				eventDispatcher.addEventListener(StyleEvent.COMPLETE, completeHandler);
+                */
+			}
+			
+			private function completeHandler(event:Event):void
+			{
+				image.source = ValuesManager.valuesImpl.getValue(acb, "storeLogo");
+                /*
+				super.initialized = true;
+                */
+                callLater.callLater(prebake);
+			}
+			
+            /*
+			override public function set initialized(value:Boolean):void
+			{
+				// Hold off until the Runtime CSS SWF is done loading.
+			}
+            */
+            
+            private var stateChain:Array;
+            
+            private function headHome():void
+            {
+                homeButton.selected = true;
+                if (initialView.currentState == "ProductsState")
+                {
+                    productsButton.selected = false;
+                    stateChain = ["ProductsWipeUp", "HomeWipeDown", "HomeState"];
+                    initialView.currentState = "ProductsWipeUp";
+                }
+                else if (initialView.currentState == "SupportState")
+                {
+                    supportButton.selected = false;
+                    stateChain = ["SupportWipeUp", "HomeWipeDown", "HomeState"];
+                    initialView.currentState = "SupportWipeUp";                    
+                }
+            }
+            
+            private function headToProducts():void
+            {
+                productsButton.selected = true;
+                if (initialView.currentState == "SupportState")
+                {
+                    supportButton.selected = false;
+                    stateChain = ["SupportWipeUp", "ProductsWipeDown", "ProductsState"];
+                    initialView.currentState = "SupportWipeUp";                    
+                }
+                if (initialView.currentState == "HomeState")
+                {
+                    homeButton.selected = false;
+                    stateChain = ["HomeWipeUp", "ProductsWipeDown", "ProductsState"];
+                    initialView.currentState = "HomeWipeUp";                    
+                }
+            }
+            
+            private function headToSupport():void
+            {
+                supportButton.selected = true;
+                if (initialView.currentState == "ProductsState")
+                {
+                    productsButton.selected = false;
+                    stateChain = ["ProductsWipeUp", "SupportWipeDown", "SupportState"];
+                    initialView.currentState = "ProductsWipeUp";                    
+                }
+                if (initialView.currentState == "HomeState")
+                {
+                    homeButton.selected = false;
+                    stateChain = ["HomeWipeUp", "SupportWipeDown", "SupportState"];
+                    initialView.currentState = "HomeWipeUp";                    
+                }
+            }
+            
+            private function prebake():void
+            {
+                callLater.callLater(prebake2);
+            }
+            
+            private function prebake2():void
+            {
+                trace("prebake2");
+                stateChain = ["ProductsPreBake", "HomeState"];
+                initialView.currentState = "ProductsPreBake";
+            }
+                
+            private function chainStatesIfNeeded():void
+            {
+                if (stateChain != null)
+                {
+                    if (initialView.currentState == stateChain[0])
+                    {
+                        callLater.callLater(nextState);
+                    }
+                }
+            }
+            
+            private function nextState():void
+            {
+                stateChain.shift();
+                if (stateChain.length)
+                    initialView.currentState = stateChain[0];
+                else
+                    stateChain = null;
+            }
+		]]>
+	</fx:Script>
+	
+	<fx:Style source="main.css"/>
+    <fx:Style source="beige.css"/>
+	
+    <fx:Declarations>
+        <js:HTTPService id="productService" url="data/catalog.json">
+            <js:LazyCollection id="catalog">
+                <js:inputParser>
+                    <js:JSONInputParser />
+                </js:inputParser>
+                <js:itemConverter>
+                    <ProductJSONItemConverter />
+                </js:itemConverter> 
+            </js:LazyCollection>
+        </js:HTTPService>        
+    </fx:Declarations>
+    <jquery:valuesImpl>
+        <js:SimpleCSSValuesImpl />
+    </jquery:valuesImpl>
+	<jquery:beads>
+        <js:CallLaterBead id="callLater" />
+        <js:ApplicationDataBinding />
+    </jquery:beads>
+    <jquery:initialView>
+        <js:ViewBase	width="990" height="550"
+                        initComplete="completeHandler(null)"
+                        stateChangeComplete="chainStatesIfNeeded()">
+            <js:states>
+                <js:State name="HomeState" stateGroups="['Home']" />
+                <js:State name="HomeWipeUp" stateGroups="['Home']" />
+                <js:State name="HomeWipeDown" stateGroups="['Home']" />
+                <js:State name="ProductsPreBake" stateGroups="['Home', 'Products']" />
+                <js:State name="ProductsState" stateGroups="['Products']" />
+                <js:State name="ProductsWipeUp" stateGroups="['Products']" />
+                <js:State name="ProductsWipeDown" stateGroups="['Products']" />
+                <js:State name="SupportState" stateGroups="['Support']" />
+                <js:State name="SupportWipeUp" stateGroups="['Support']" />
+                <js:State name="SupportWipeDown" stateGroups="['Support']" />
+            </js:states>
+            
+            <js:transitions>
+                <js:Transition fromState="HomeState" toState="HomeWipeUp">
+                    <js:Wipe direction="up" target="homeView" />
+                </js:Transition>
+                <js:Transition fromState="HomeWipeDown" toState="HomeState">
+                    <js:Wipe direction="down" target="homeView" />
+                </js:Transition>
+                <js:Transition fromState="ProductsState" toState="ProductsWipeUp">
+                    <js:Wipe direction="up" target="pView" />
+                </js:Transition>
+                <js:Transition fromState="ProductsWipeDown" toState="ProductsState">
+                    <js:Wipe direction="down" target="pView" />
+                </js:Transition>
+                <js:Transition fromState="SupportState" toState="SupportWipeUp">
+                    <js:Wipe direction="up" target="supportView" />
+                </js:Transition>
+                <js:Transition fromState="SupportWipeDown" toState="SupportState">
+                    <js:Wipe direction="down" target="supportView" />
+                </js:Transition>
+            </js:transitions>
+            <js:beads>
+                <js:VerticalLayout />
+            </js:beads>
+            <js:ControlBar id="acb" width="100%" className="storeControlBar" >
+                <js:beads>
+                    <js:HorizontalLayout />
+                    <js:LayoutChangeNotifier watchedProperty="{image.width}" />
+                </js:beads>
+                <js:Image id="image" />
+                         <!-- click="toggleTheme()" -->
+                         <!-- toolTip="Change Theme"/ -->
+                <jquery:ToggleTextButton id="homeButton"
+                                text="Home"
+                                height="100%"
+                                selected="true"
+                                className="storeButtonBar"
+                                click="headHome()" />
+                <jquery:ToggleTextButton id="productsButton"
+                                text="Products"
+                                height="100%"
+                                className="storeButtonBar"
+                                click="headToProducts()"/>
+                <jquery:ToggleTextButton id="supportButton"
+                                text="Support"
+                                height="100%"
+                                className="storeButtonBar"
+                                click="headToSupport()"/>            
+            </js:ControlBar>
+            <js:Container width="990" >
+                <js:style>
+                    <js:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/>
+                </js:style>
+                        
+                <HomeView id="homeView" width="100%" height="550" includeIn="Home"
+                          />
+                <ProductsView id="pView" includeIn="Products" visible.ProductsPreBake="false"
+                              width="100%" height="550" initComplete="pView.catalog = catalog"
+                              />
+                <SupportView id="supportView" includeIn="Support"
+                             width="100%" height="550"
+                             />
+            </js:Container>
+        </js:ViewBase>        
+    </jquery:initialView>    
+</jquery:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml b/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml
new file mode 100755
index 0000000..caddb64
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/HomeView.mxml
@@ -0,0 +1,206 @@
+<?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.
+
+-->
+<!--
+This component is primarily static and is only meant to show what other
+pages of the store could look like.
+
+Note that this page was put together in the Design view so you'll see more
+hard coded locations and sizes.
+
+Also note when working with a Canvas that using the constraint styles 
+(e.g., left, top, right, bottom) can provide better layout predictability than 
+using x and y, especially when percentage widths and heights are used.
+
+Width and height are hard-coded in the root tag to help the Design view.
+-->
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+         xmlns:js="library://ns.apache.org/flexjs/basic" 
+         xmlns:jquery="library://ns.apache.org/flexjs/jquery"
+           xmlns="*" width="990" height="550"
+           initComplete="updateMapImage()">
+	<fx:Script>
+		<![CDATA[
+            import org.apache.flex.core.ValuesManager;
+			import org.apache.flex.html.SimpleAlert;
+
+			public function updateMapImage():void
+			{
+				mapImage.source = ValuesManager.valuesImpl.getValue(mapCanvas, 'dottedMap');
+			}
+		]]>
+	</fx:Script>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
+	<js:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel">
+		<js:VContainer width="230" height="100%">
+			<js:Container width="100%" height="100%">
+			
+				<js:Container height="60" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/>
+                    </js:style>
+					<js:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" />
+					<jquery:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/>
+					<js:TextInput style="left:10;top:30" height="20" width="150"/>
+				</js:Container>
+				
+				<js:Container height="280" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" />                        
+                    </js:style>
+					<js:VContainer width="100%" height="100%">
+                        <js:style>
+                            <js:SimpleCSSStyles left="10" top="10" />                        
+                        </js:style>
+						<js:Label text="Flex Experts That Can Help You" className="sectionHeader"/>
+						<js:HRule height="5" width="187" style="marginLeft:0"/>
+						<js:Label text="General" className="homeProgramHeader"/>
+						<js:Label text="BlazeDS Experts" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Server-side" className="homeProgramHeader"/>
+						<js:Label text="Java, PHP Developers" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Mobile" className="homeProgramHeader"/>
+						<js:Label text="Android, IOS and more" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Students" className="homeProgramHeader"/>
+						<js:Label text="Free Assistance" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+					</js:VContainer>
+				</js:Container>
+				
+				<js:Container height="174" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" />
+                    </js:style>
+					<js:VContainer width="100%" height="100%">
+                        <js:style>
+                            <js:SimpleCSSStyles left="10" top="10" />
+                        </js:style>
+						<js:Label text="Manage My Account" className="sectionHeader"/>
+						
+						<js:Label text="Phone Number"/>
+						
+						<js:HContainer width="100%" height="25" >
+                            <js:style>
+                                <js:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" />
+                            </js:style>
+							<js:TextInput height="20" width="40"/>
+							<js:HRule width="8" height="2"/>
+							<js:TextInput height="20" width="40"/>
+							<js:HRule width="8" height="2"/>
+							<js:TextInput height="20" width="40"/>
+						</js:HContainer>
+						
+						<js:Label text="Password"/>
+						<js:TextInput height="20"/>
+						<js:Spacer height="8" width="100%"/>
+						
+						<jquery:CheckBox text="Remember my phone number" selected="true"/>
+						<js:Spacer height="8" width="100%"/>
+						
+						<jquery:TextButton text="Login" className="glass" height="20" width="55" click="SimpleAlert.show('This feature is not implemented in this sample', 'Login')"/>
+						
+					</js:VContainer>
+				</js:Container>
+				
+			</js:Container>
+			
+		</js:VContainer>
+		
+		<js:VContainer width="750" height="100%">
+			<js:Container width="100%" height="100%">
+			
+			    <!-- can't use binding to set the mapImage source because the style isn't available early enough -->
+				<js:Container id="mapCanvas" height="35%" className="homeMap">
+                    <js:style>
+                        <js:SimpleCSSStyles left="0" right="10" top="10" />
+                    </js:style>
+					<js:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/>
+					<js:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/>
+					<js:Label text="Learn More &gt;&gt;" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/>
+					<js:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/>
+					<js:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/>
+				</js:Container>
+				
+				<js:Container height="330" >
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" -->
+                    </js:style>
+					
+					<js:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/>
+					
+					<js:HContainer style="left:10;top:43" width="100%" height="100%">
+						<js:VContainer width="33%" height="100%">
+							<js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image1.height}" />
+                            </js:beads>
+							<js:Container width="100%">
+								<js:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/>
+							</js:Container>
+							
+							<js:Container width="100%">
+								<js:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
+							
+						</js:VContainer>
+						
+						<js:VContainer width="33%" height="100%">
+                            <js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image2.height}" />
+                            </js:beads>
+							
+							<js:Container width="100%">
+								<js:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/>
+							</js:Container>
+							
+							<js:Container width="100%">
+								<js:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
+							
+						</js:VContainer>
+						
+						<js:VContainer width="33%" height="100%">
+                            <js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image3.height}" />
+                            </js:beads>
+							
+							<js:Container width="100%">
+								<js:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/>
+							</js:Container>
+							
+							<js:Container width="100%">
+								<js:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
+							
+						</js:VContainer>
+						
+					</js:HContainer>
+					
+				</js:Container>
+				
+			</js:Container>
+		
+		</js:VContainer>
+		
+	</js:HContainer>
+	
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as b/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as
new file mode 100755
index 0000000..cb27bde
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/ProductJSONItemConverter.as
@@ -0,0 +1,41 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import org.apache.flex.collections.converters.JSONItemConverter;
+    
+    import samples.flexstore.Product;
+    
+    public class ProductJSONItemConverter extends JSONItemConverter
+    {
+        public function ProductJSONItemConverter()
+        {
+            super();
+        }
+        
+        override public function convertItem(data:String):Object
+        {
+            var obj:Object = super.convertItem(data);
+            var product:Product = new Product();
+            for (var p:String in obj)
+                product[p] = obj[p];
+			return product;
+        }
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml b/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml
new file mode 100755
index 0000000..c563653
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/ProductsView.mxml
@@ -0,0 +1,125 @@
+<?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.
+
+-->
+<!-- width and height hard-coded in the root tag to better support the 
+     Design view in FlexBuilder since we know the width and height from the 
+     settings in flexstore.mxml -->
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+         xmlns:js="library://ns.apache.org/flexjs/basic" 
+    xmlns:productsView="productsView.*"
+    width="990" height="550"
+    currentState="showFilter"
+    >
+
+    <fx:Script>
+        <![CDATA[
+        import org.apache.flex.events.Event;
+        import org.apache.flex.collections.LazyCollection;
+        import samples.flexstore.Product;
+                
+        private var _catalog:LazyCollection;
+        
+        [Bindable("catalogChange")]
+        public function get catalog():LazyCollection
+        {
+            return _catalog;
+        }
+        
+        public function set catalog(c:LazyCollection):void
+        {
+            _catalog = c;
+            if (filterPanel != null)
+            {
+                filterPanel.filter.count = c.length;
+            }
+            dispatchEvent(new org.apache.flex.events.Event("catalogChange"));
+        }
+        
+        public function addToCompare(product:Product):void
+        {
+            //setting the state before adding the product avoids jumpiness in the transition, not sure why
+            currentState = 'showFilter';
+            filterPanel.productList.addProduct(product);
+        }
+        
+        public function addToCart(product:Product):void
+        {
+            //setting the state before adding the product avoids jumpiness in the transition, not sure why
+            currentState = 'showCart'; 
+            cartPanel.productList.addProduct(product);
+        }
+        
+        
+        ]]>
+    </fx:Script>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
+    <js:Container 
+        className="colorPanel"
+        height="100%" width="100%" 
+        >
+    
+        <productsView:Grip id="filterGrip" gripIcon="assets/icon_magnifier.png" 
+            gripTip="Show filter panel" click="currentState = 'showFilter'"/>
+    
+        <productsView:ProductFilterPanel x="{filterGrip.width}" y="0" id="filterPanel" width="265" height="100%"
+            filter="catalogPanel.filter(event.filter, event.live)"
+            compare="catalogPanel.compare(filterPanel.productList.getProducts())"
+            initComplete="if (catalog) filterPanel.filter.count = catalog.length"/>
+    
+        <productsView:ProductCart id="cartPanel" width="265" height="100%">
+            <productsView:style>
+                <js:SimpleCSSStyles right="{cartGrip.width}" top="0" />
+            </productsView:style>
+        </productsView:ProductCart>
+
+        <productsView:Grip id="cartGrip" gripIcon="assets/icon_cart_empty.png"
+            gripTip="Show cart" click="currentState = 'showCart'">
+            <productsView:style>
+                <js:SimpleCSSStyles right="0" top="0"/>
+            </productsView:style>
+        </productsView:Grip>
+    
+    </js:Container>
+        
+    <productsView:ProductCatalogPanel id="catalogPanel" y="4" width="685" height="540"
+                                      x.showFilter="288" x.showCart="0"
+        catalog="{catalog}"
+        compare="addToCompare(event.product)"
+        purchase="addToCart(event.product)"
+        cartCount="{cartPanel.numProducts}">
+    </productsView:ProductCatalogPanel>
+    
+    <js:states>
+       <js:State name="showFilter" />
+       <js:State name="showCart" />
+    </js:states>
+    
+    <!-- 
+      make sure to use transitions here instead of applying a Move effect
+      to the Panel itself which will result in odd behavior
+    -->
+    <js:transitions>
+       <js:Transition fromState="*" toState="*">
+          <js:Move target="catalogPanel" />
+       </js:Transition>
+    </js:transitions>
+        
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml b/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml
new file mode 100755
index 0000000..fb68a6c
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/SupportView.mxml
@@ -0,0 +1,139 @@
+<?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.
+
+-->
+<!--
+This component is primarily static and is only meant to show what other
+pages of the store could look like.
+
+Note that this page was put together in the Design view so you'll see more
+hard coded locations and sizes.
+
+We did not have sizing issues here as much so you'll see more hardcoded 
+"y" values rather than "top."
+
+The width and height are hard-coded in the root tag to help the Design view.
+-->
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+                 xmlns:js="library://ns.apache.org/flexjs/basic" 
+                 xmlns="*" alpha="1.0"
+    width="990" height="550">
+	
+	<fx:Script>
+	    <![CDATA[
+	       import org.apache.flex.html.SimpleAlert; 
+	    ]]>
+	</fx:Script>
+	
+    <fx:Declarations>
+        <fx:Array id="locations">
+            <fx:Object image="assets/support_mapmarker_a.png" name="601 Townsend St" /> 
+            <fx:Object image="assets/support_mapmarker_b.png" name="Location B" />
+            <fx:Object image="assets/support_mapmarker_c.png" name="Location C" />	   	   
+        </fx:Array>   
+        
+    </fx:Declarations>
+	
+	<js:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
+	
+		<js:VContainer width="32%" height="100%">
+			<js:Container width="100%" height="60%">
+			
+				<js:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
+				
+				<js:Container width="95%" height="150" y="64" style="horizontalCenter:0">
+                    <js:beads>
+                        <js:VerticalColumnLayout numColumns="2" />
+                    </js:beads>
+					<js:Label text="Address:" width="100%"/>
+					<js:TextInput id="address" width="90%"/>
+					
+					<js:Label text="City:" width="100%"/>
+					<js:TextInput id="city" width="60%"/>						
+					
+					<js:Label text="State:" width="100%"/>
+					<js:DropDownList id="state" width="50%">
+						<js:dataProvider>
+                            <fx:Array>
+                                <fx:String>California</fx:String>
+                                <fx:String>Nevada</fx:String>
+                                <fx:String>Oregon</fx:String>
+                                <fx:String>Washington</fx:String>
+                            </fx:Array>                                    
+            			</js:dataProvider>
+					</js:DropDownList>
+					
+					<js:Label text="ZIP Code:" width="100%" />
+					<js:TextInput id="zip" width="30%"/>
+					
+				</js:Container>
+				
+				<js:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
+				
+				<js:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')" 
+                                  style="horizontalCenter:0"/>
+				
+				<js:HContainer y="327" width="80%" height="20" >
+                    <js:style>
+                        <js:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" />
+                    </js:style>
+					<js:HRule width="60" />
+					<js:Label text="OR"/>
+                    <js:HRule width="60" />
+				</js:HContainer>
+				
+				<js:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
+				
+				<js:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
+				
+				<js:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
+				
+			</js:Container>
+			
+			<js:Container width="100%" height="40%">
+				<js:VContainer width="80%" height="90%" >
+                    <js:style>
+                        <js:SimpleCSSStyles horizontalCenter="0" top="0"/>
+                    </js:style>
+					<js:Label text="Location" className="instructions"/>
+					<js:List width="100%" dataProvider="{locations}">
+                        <js:itemRenderer>
+                            <fx:Component>
+                                <js:DataItemRenderer className="listItem" width="100%">
+                                    <js:Image width="21" height="25" source="{data.image}" />
+                                    <js:Label width="100%" text="{data.name}" />
+                                </js:DataItemRenderer>                                                            
+                            </fx:Component>
+                        </js:itemRenderer>
+					</js:List>
+				</js:VContainer>
+			</js:Container>
+			
+		</js:VContainer>
+		
+		<js:Container width="68%" height="100%">
+			<js:Image source="assets/support_map.png">
+                <js:style>
+                    <js:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/>
+                </js:style>
+            </js:Image>
+		</js:Container>
+		
+	</js:HContainer>
+	
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/akotter.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/bcrater.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg
new file mode 100755
index 0000000..8f034ba
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_background.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png
new file mode 100755
index 0000000..e88d9ef
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/beige_dotted_map.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg
new file mode 100755
index 0000000..361ce0e
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_background.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png
new file mode 100755
index 0000000..5fa6714
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/blue_dotted_map.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png
new file mode 100644
index 0000000..0e1a2b5
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_empty.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png
new file mode 100644
index 0000000..9c9eea0
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_cart_full.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png
new file mode 100644
index 0000000..c2ac969
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_compare.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png
new file mode 100644
index 0000000..3e6238c
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_details.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png b/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png
new file mode 100644
index 0000000..4266a22
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/button_tiles.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png b/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png
new file mode 100755
index 0000000..64ee835
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/grip.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png
new file mode 100644
index 0000000..562064b
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_cart_empty.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png
new file mode 100644
index 0000000..efc3ea1
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_compare.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png
new file mode 100755
index 0000000..939f814
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_magnifier.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png
new file mode 100644
index 0000000..dbf75b6
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/icon_tiles.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/jproctor.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png
new file mode 100755
index 0000000..132b894
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_blue.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png
new file mode 100755
index 0000000..c776c8c
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/logo_orange.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg
new file mode 100755
index 0000000..6954858
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/abrilliam.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/akotter.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bcrater.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bleporte.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/bvanbrocklin.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg
new file mode 100755
index 0000000..c1dc3d8
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ccarpenter.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/clampberto.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/davenon.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dmcgoyal.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg
new file mode 100755
index 0000000..fd15d59
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/dwillhelm.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg
new file mode 100755
index 0000000..c4769e8
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/esunderland.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg
new file mode 100755
index 0000000..1111787
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/jproctor.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg
new file mode 100755
index 0000000..489fa2e
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/mfields.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg
new file mode 100755
index 0000000..9deacd2
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/pdempsey.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg
new file mode 100755
index 0000000..4b9a03b
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/ptranep.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg
new file mode 100755
index 0000000..9b60320
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rcrawley.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg
new file mode 100755
index 0000000..6a2a142
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/rdreifus.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg
new file mode 100755
index 0000000..1124b71
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/pic/twong.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png
new file mode 100755
index 0000000..c2f2394
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_map.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png
new file mode 100755
index 0000000..20c21e1
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_a.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png
new file mode 100755
index 0000000..069ccd8
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_b.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png
new file mode 100755
index 0000000..f6b587e
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_c.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png
new file mode 100755
index 0000000..4192088
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/support_mapmarker_plus.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png b/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png
new file mode 100644
index 0000000..483a37c
Binary files /dev/null and b/examples/flexjs/FlexJSStore_jquery/src/assets/trashcan.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/beige.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/beige.css b/examples/flexjs/FlexJSStore_jquery/src/beige.css
new file mode 100755
index 0000000..764b49c
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/beige.css
@@ -0,0 +1,171 @@
+/*
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+*/
+
+/* Style for color-specific state - Beige */
+
+@namespace "library://ns.apache.org/flexjs/basic";
+
+/*
+//----------------------------
+//  Global styles
+//----------------------------
+*/
+.global
+{
+    highlightAlphas:        .5, .25;
+    borderColor:            #939A9D;
+    headerColors:           #A65904, #E68701;
+    themeColor:             #75B1CE;
+    rollOverColor:          #D6E6EE;
+    selectionColor:         #B8D5E4;
+}
+
+/*
+//----------------------------
+// Type selectors
+//----------------------------
+*/
+Application
+{
+    backgroundColor:		#EAE6DD;
+    backgroundImage:        "assets/beige_background.jpg";
+}
+
+/*
+//----------------------------
+// Apply to Panels and Alerts by default
+//----------------------------
+*/
+.windowStatus {
+	color: #FFCC99;
+}
+
+.windowStyles {		/* catalog panel's title text */
+	color: #FFCC99;
+}
+
+/*
+//----------------------------
+// Named styles
+//----------------------------
+*/
+
+.colorPanel /* for the background of some surfaces */
+{
+    borderStyle:            "solid";
+    borderWidth:        0;
+    backgroundColor:		#BCB29F;
+    backgroundAlpha:		0.4;
+    color: 					#170505;
+    cornerRadius:           4;
+    dropShadowEnabled:      true;
+}
+
+.homeProgramHeader /* in HomeView */
+{
+    fontWeight:             "bold";
+    fontSize:               13;
+    color:                  #BE7E3F;
+}
+
+.homeMap
+{
+    borderStyle:            "solid";
+    cornerRadius:           4;
+    backgroundColor:        #BE7E3F;
+    alpha:                  1;
+    dottedMap:              "assets/beige_dotted_map.png";
+}
+
+.instructions
+{
+    alpha:                  .85;
+    color:                  #5C5857;
+}
+
+.storeControlBar
+{
+    fillAlphas: 			.60, .40;
+    fillColors: 			#8F8879, #BCB29F;
+    highlightAlphas:		.05, .25;
+    cornerRadius: 			3;
+	shadowDistance:         4;
+	paddingLeft:            0;
+	paddingRight:           0;
+	paddingTop:             0;
+	paddingBottom:          0;
+	horizontalGap:          0;
+    storeLogo:              "assets/logo_orange.png";
+}
+
+.storeButtonBar
+{
+    cornerRadius:           0;
+    buttonStyleName:        "storeButton";
+    themeColor:             #A65904;
+}
+
+.storeButton
+{
+    cornerRadius:           0;
+    fillColors:             #8F8879, #BCB29F, #A65904, #E68701;
+    fillAlphas:             1, 1;
+    highlightAlphas:        .5, .25;
+    fontWeight:             "normal";
+    /** need to port to ButtonView 
+    selectedOverSkin:       ClassReference("samples.flexstore.ButtonBarButtonSkin");
+    selectedUpSkin:         ClassReference("samples.flexstore.ButtonBarButtonSkin");
+    overSkin:               ClassReference("samples.flexstore.ButtonBarButtonSkin");
+    **/
+}
+
+.catalogTitleButtonSelected
+{
+    color:                  #FFFFFF;
+    fontWeight:             "bold";
+}
+
+.catalogTitleButtonDeselected
+{
+    color:                  #222222;
+    fontWeight:             "bold";
+}
+
+.catalogTitleButtonHighlighted
+{
+    color:                  #FFCC99;
+    fontWeight:             "bold";
+}
+
+.catalogPanel
+{
+    highlightAlphas:        .5, .25;
+    headerColors:           #A65904, #E68701;
+    borderAlpha:            1;
+    borderColor:            #FFFFFF;
+    border-width: 1px;
+    borderThicknessRight:   1;
+    borderThicknessBottom:  1;
+    paddingRight:           0;
+    paddingBottom:          0;
+}
+
+

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/blue.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/blue.css b/examples/flexjs/FlexJSStore_jquery/src/blue.css
new file mode 100755
index 0000000..58e98cd
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/blue.css
@@ -0,0 +1,165 @@
+/*
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+*/
+
+/* Style for color-specific state - Beige */
+
+/*
+//----------------------------
+//  Global styles
+//----------------------------
+*/
+.global
+{
+    highlightAlphas:        .5, .25;
+    borderColor:            #939A9D;
+    headerColors:           #456F84, #9ABBC9;
+    themeColor:             #75B1CE;
+    rollOverColor:          #D6E6EE;
+    selectionColor:         #B8D5E4;
+}
+
+/*
+//----------------------------
+// Type selectors
+//----------------------------
+*/
+Application
+{
+    backgroundColor:		#AAB2B7;
+    backgroundImage:        Embed("assets/blue_background.jpg");
+}
+
+/*
+//----------------------------
+// Apply to Panels and Alerts by default
+//----------------------------
+*/
+.windowStatus {
+	color: #BDE9FA;
+}
+
+.windowStyles {		/* catalog panel's title text */
+	color: #BDE9FA;
+}
+
+/*
+//----------------------------
+// Named styles
+//----------------------------
+*/
+
+.colorPanel /* for the background of some surfaces */
+{
+    borderStyle:            "solid";
+    borderThickness:        0;
+    backgroundColor:		#BDD6E2;
+    backgroundAlpha:		0.4;
+    color: 					#170505;
+    cornerRadius:           4;
+    dropShadowEnabled:      true;
+}
+
+.homeProgramHeader /* in HomeView */
+{
+    fontWeight:             "bold";
+    fontSize:               13;
+    color:                  #7AA4B9;
+}
+
+.homeMap
+{
+    borderStyle:            "solid";
+    cornerRadius:           4;
+    backgroundColor:        #7AA4B9;
+    alpha:                  1;
+    dottedMap:              Embed("assets/blue_dotted_map.png");
+}
+
+.instructions
+{
+    alpha:                  .85;
+    color:                  #5C5857;
+}
+
+.storeControlBar
+{
+    fillAlphas: 			.60, .40;
+    fillColors: 			#4A6F81, #BDD6E2;
+    highlightAlphas:		.05, .25;
+    cornerRadius: 			3;
+	shadowDistance:         4;
+	paddingLeft:            0;
+	paddingRight:           0;
+	paddingTop:             0;
+	paddingBottom:          0;
+	horizontalGap:          0;
+    storeLogo:              Embed("assets/logo_blue.png");
+}
+
+.storeButtonBar
+{
+    cornerRadius:           0;
+    buttonStyleName:        "storeButton";
+    themeColor:             #456F84;
+}
+
+.storeButton
+{
+    cornerRadius:           0;
+    fillColors:             #4A6F81, #BDD6E2, #456F84, #9ABBC9;
+    fillAlphas:             1, 1;
+    highlightAlphas:        .5, .25;
+    fontWeight:             "normal";
+    selectedOverSkin:       ClassReference("samples.flexstore.ButtonBarButtonSkin");
+    selectedUpSkin:         ClassReference("samples.flexstore.ButtonBarButtonSkin");
+    overSkin:               ClassReference("samples.flexstore.ButtonBarButtonSkin");
+}
+
+.catalogTitleButtonSelected
+{
+    color:                  #FFFFFF;
+    fontWeight:             "bold";
+}
+
+.catalogTitleButtonDeselected
+{
+    color:                  #222222;
+    fontWeight:             "bold";
+}
+
+.catalogTitleButtonHighlighted
+{
+    color:                  #BDE9FA;
+    fontWeight:             "bold";
+}
+
+.catalogPanel
+{
+    highlightAlphas:        .5, .25;
+    headerColors:           #456F84, #9ABBC9;
+    borderAlpha:            1;
+    borderColor:            #FFFFFF;
+    borderThicknessRight:   1;
+    borderThicknessBottom:  1;
+    paddingRight:           0;
+    paddingBottom:          0;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json
new file mode 100755
index 0000000..89bdd43
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.json
@@ -0,0 +1,236 @@
+{ catalog : [
+
+    { "productId" :"1",
+      "name" : "Andrew Brilliam",
+      "description" : "15 years experience. 8 years with Flex.  Specializing in Text Layout Framework",
+      "price" : 60.00,
+      "image" : "assets/pic/abrilliam.jpg",
+      "experience" : 15,
+      "blazeds" : false,
+      "mobile" : false,
+      "video" : false,
+      "highlight1" : "Text Layout Framework",
+	  "highlight2" : "Parsley"
+    },
+    
+    { "productId" : "2",
+        "name" : "Annette Kotter",
+        "description" : "Specializing in custom components.  PHP servers.",
+        "price" : 55,
+        "image" : "assets/pic/akotter.jpg",
+        "experience" : 3,
+        "blazeds" : true,
+        "mobile" : false,
+        "video" : false,
+        "highlight1" : "Custom Components",
+		"highlight2" : "PHP"
+    },
+
+    { "productId" : "3",
+        "name" : "Ben Crater",
+        "description" : "Specializing in BlazeDS backends.",
+        "price" : 55,
+        "image" : "assets/pic/bcrater.jpg",
+        "experience" : 4,
+        "blazeds" : true,
+        "mobile" : false,
+        "video" : false,
+        "highlight1" : "BlazeDS",
+		"highlight2" : "Remote Object"
+    },
+
+    { "productId" : "4",
+        "name" : "Beth Leporte",
+        "description" : "BlazeDS or PHP servers.  Multimedia messagin.",
+        "price" : 70.00,
+        "image" : "assets/pic/bleporte.jpg",
+        "experience" : 6,
+        "blazeds" : true,
+        "mobile" : false,
+        "video" : false,
+        "highlight1" : "Multimedia messaging",
+		"highlight2" : "BlazeDS"
+    },
+
+    { "productId" : "5",
+        "name" : "Brad Van Brocklin",
+        "description" : "Emphasis on mobile application development",
+        "price" : 80,
+        "image" : "assets/pic/bvanbrocklin.jpg",
+        "experience" : 6,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : false,
+        "highlight1" : "Mobile",
+		"highlight2" : "Android"
+    },
+
+    { "productId" : "6",
+        "name" : "Carlos Carpenter",
+        "description" : "Built many mobile apps and video apps.",
+        "price" : 80,
+        "image" : "assets/pic/ccarpenter.jpg",
+        "experience" : 4,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Mobile",
+		"highlight2" : "Video"
+    },
+
+    { "productId" : "7",
+        "name" : "Christine Lampberto",
+        "description" : "7 years experience building mobile applications.",
+        "price" : 90,
+        "image" : "assets/pic/clampberto.jpg",
+        "experience" : 7,
+        "blazeds" : true,
+        "mobile" : true,
+        "video" : false,
+        "highlight1" : "BlazeDS",
+		"highlight2" : "Mobile"
+    },
+
+    { "productId" : "8",
+        "name" : "Dee Dee Avenon",
+        "description" : "I've been making video apps for over 5 years and mobile apps for about 3 years.",
+        "price" : 100,
+        "image" : "assets/pic/davenon.jpg",
+        "experience" : 10,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "9",
+        "name" : "Denise McGoyal",
+        "description" : "Specializing in video sharing applicaions.  MObile apps too.",
+        "price" : 100,
+        "image" : "assets/pic/dmcgoyal.jpg",
+        "experience" : 5,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "10",
+        "name" : "Daniel Willhelm",
+        "description" : "I'm into mobile apps, video apps and social apps.",
+        "price" : 70,
+        "image" : "assets/pic/dwillhelm.jpg",
+        "experience" : 90,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "11",
+        "name" : "Eunice Sunderland",
+        "description" : "My recent focus is on mobile apps, but I have considerable experience in video apps as well.",
+        "price" : 150,
+        "image" : "assets/pic/esunderland.jpg",
+        "experience" : 30,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "12",
+        "name" : "Jane Proctor",
+        "description" : "I've been developing mobile companion apps for the past 3 years.",
+        "price" : 75,
+        "image" : "assets/pic/jproctor.jpg",
+        "experience" : 6,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "13",
+        "name" : "Mark Fields",
+        "description" : "Video is my favorite thing.  Mobile is also a favorite.",
+        "price" : 60,
+        "image" : "assets/pic/mfields.jpg",
+        "experience" : 70,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "14",
+        "name" : "Patricia Dempsey",
+        "description" : "I've been cranking out mobile apps for the past 6 years.  A few have involved video as well.",
+        "price" : 120,
+        "image" : "assets/pic/pdempsey.jpg",
+        "experience" : 7,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "15",
+        "name" : "Paul Trandep",
+        "description" : "I've been working on a mobile app that incorporates music.  It just shipped so now I'm looking for the next fun thing to work on.'",
+        "price" : 50,
+        "image" : "assets/pic/ptranep.jpg",
+        "experience" : 6,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "16",
+        "name" : "Roscoe Crawley",
+        "description" : "My main specialty is in BlazeDS connected to Flex.",
+        "price" : 59,
+        "image" : "assets/pic/rcrawley.jpg",
+        "experience" : 9,
+        "blazeds" : true,
+        "mobile" : false,
+        "video" : false,
+        "highlight1" : "BlazeDS",
+		"highlight2" : "Remote Object"
+    },
+
+    { "productId" : "17",
+        "name" : "Renee Dreifus",
+            "description" : "I can do it all: BlazeDS, Mobile, Video.",
+        "price" : 79,
+        "image" : "assets/pic/rdreifus.jpg",
+        "experience" : 90,
+        "blazeds" : true,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    },
+
+    { "productId" : "18",
+        "name" : "Tina Wong",
+        "description" : "I've been developing Flex apps since 1.5.  Most of my recent work has been on mobile apps.",
+        "price" : 109,
+        "image" : "assets/pic/twong.jpg",
+        "experience" : 9,
+        "blazeds" : false,
+        "mobile" : true,
+        "video" : true,
+        "highlight1" : "Video Applications",
+		"highlight2" : "Mobile Applications"
+    
+];

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml
new file mode 100755
index 0000000..423e177
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/data/catalog.xml
@@ -0,0 +1,256 @@
+<?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.
+ 
+ -->
+<catalog>
+
+    <product productId="1">
+        <name>Andrew Brilliam</name>
+        <description>15 years experience. 8 years with Flex.  Specializing in Text Layout Framework</description>
+        <price>60.00</price>
+        <image>assets/pic/abrilliam.jpg</image>
+        <experience>15</experience>
+        <blazeds>false</blazeds>
+        <mobile>false</mobile>
+        <video>false</video>
+        <highlight1>Text Layout Framework</highlight1>
+		<highlight2>Parsley</highlight2>
+    </product>
+
+    <product productId="2">
+        <name>Annette Kotter</name>
+        <description>Specializing in custom components.  PHP servers.</description>
+        <price>55</price>
+        <image>assets/pic/akotter.jpg</image>
+        <experience>3</experience>
+        <blazeds>true</blazeds>
+        <mobile>false</mobile>
+        <video>false</video>
+        <highlight1>Custom Components</highlight1>
+		<highlight2>PHP</highlight2>
+    </product>
+
+    <product productId="3">
+        <name>Ben Crater</name>
+        <description>Specializing in BlazeDS backends.</description>
+        <price>55</price>
+        <image>assets/pic/bcrater.jpg</image>
+        <experience>4</experience>
+        <blazeds>true</blazeds>
+        <mobile>false</mobile>
+        <video>false</video>
+        <highlight1>BlazeDS</highlight1>
+		<highlight2>Remote Object</highlight2>
+    </product>
+
+    <product productId="4">
+        <name>Beth Leporte</name>
+        <description>BlazeDS or PHP servers.  Multimedia messagin.</description>
+        <price>70.00</price>
+        <image>assets/pic/bleporte.jpg</image>
+        <experience>6</experience>
+        <blazeds>true</blazeds>
+        <mobile>false</mobile>
+        <video>false</video>
+        <highlight1>Multimedia messaging</highlight1>
+		<highlight2>BlazeDS</highlight2>
+    </product>
+
+    <product productId="5">
+        <name>Brad Van Brocklin</name>
+        <description>Emphasis on mobile application development</description>
+        <price>80</price>
+        <image>assets/pic/bvanbrocklin.jpg</image>
+        <experience>6</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>false</video>
+        <highlight1>Mobile</highlight1>
+		<highlight2>Android</highlight2>
+    </product>
+
+    <product productId="6">
+        <name>Carlos Carpenter</name>
+        <description>Built many mobile apps and video apps.</description>
+        <price>80</price>
+        <image>assets/pic/ccarpenter.jpg</image>
+        <experience>4</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Mobile</highlight1>
+		<highlight2>Video</highlight2>
+    </product>
+
+    <product productId="7">
+        <name>Christine Lampberto</name>
+        <description>7 years experience building mobile applications.</description>
+        <price>90</price>
+        <image>assets/pic/clampberto.jpg</image>
+        <experience>7</experience>
+        <blazeds>true</blazeds>
+        <mobile>true</mobile>
+        <video>false</video>
+        <highlight1>BlazeDS</highlight1>
+		<highlight2>Mobile</highlight2>
+    </product>
+
+    <product productId="8">
+        <name>Dee Dee Avenon</name>
+        <description>I've been making video apps for over 5 years and mobile apps for about 3 years.</description>
+        <price>100</price>
+        <image>assets/pic/davenon.jpg</image>
+        <experience>10</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="9">
+        <name>Denise McGoyal</name>
+        <description>Specializing in video sharing applicaions.  MObile apps too.</description>
+        <price>100</price>
+        <image>assets/pic/dmcgoyal.jpg</image>
+        <experience>5</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="10">
+        <name>Daniel Willhelm</name>
+        <description>I'm into mobile apps, video apps and social apps.</description>
+        <price>70</price>
+        <image>assets/pic/dwillhelm.jpg</image>
+        <experience>90</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="11">
+        <name>Eunice Sunderland</name>
+        <description>My recent focus is on mobile apps, but I have considerable experience in video apps as well.</description>
+        <price>150</price>
+        <image>assets/pic/esunderland.jpg</image>
+        <experience>30</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="12">
+        <name>Jane Proctor</name>
+        <description>I've been developing mobile companion apps for the past 3 years.</description>
+        <price>75</price>
+        <image>assets/pic/jproctor.jpg</image>
+        <experience>6</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="13">
+        <name>Mark Fields</name>
+        <description>Video is my favorite thing.  Mobile is also a favorite.</description>
+        <price>60</price>
+        <image>assets/pic/mfields.jpg</image>
+        <experience>70</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="14">
+        <name>Patricia Dempsey</name>
+        <description>I've been cranking out mobile apps for the past 6 years.  A few have involved video as well.</description>
+        <price>120</price>
+        <image>assets/pic/pdempsey.jpg</image>
+        <experience>7</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="15">
+        <name>Paul Trandep</name>
+        <description>I've been working on a mobile app that incorporates music.  It just shipped so now I'm looking for the next fun thing to work on.'</description>
+        <price>50</price>
+        <image>assets/pic/ptranep.jpg</image>
+        <experience>6</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="16">
+        <name>Roscoe Crawley</name>
+        <description>My main specialty is in BlazeDS connected to Flex.</description>
+        <price>59</price>
+        <image>assets/pic/rcrawley.jpg</image>
+        <experience>9</experience>
+        <blazeds>true</blazeds>
+        <mobile>false</mobile>
+        <video>false</video>
+        <highlight1>BlazeDS</highlight1>
+		<highlight2>Remote Object</highlight2>
+    </product>
+
+    <product productId="17">
+        <name>Renee Dreifus</name>
+            <description>I can do it all: BlazeDS, Mobile, Video.</description>
+        <price>79</price>
+        <image>assets/pic/rdreifus.jpg</image>
+        <experience>90</experience>
+        <blazeds>true</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+    <product productId="18">
+        <name>Tina Wong</name>
+        <description>I've been developing Flex apps since 1.5.  Most of my recent work has been on mobile apps.</description>
+        <price>109</price>
+        <image>assets/pic/twong.jpg</image>
+        <experience>9</experience>
+        <blazeds>false</blazeds>
+        <mobile>true</mobile>
+        <video>true</video>
+        <highlight1>Video Applications</highlight1>
+		<highlight2>Mobile Applications</highlight2>
+    </product>
+
+</catalog>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/flexjs/FlexJSStore_jquery/src/main.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/FlexJSStore_jquery/src/main.css b/examples/flexjs/FlexJSStore_jquery/src/main.css
new file mode 100755
index 0000000..0787a24
--- /dev/null
+++ b/examples/flexjs/FlexJSStore_jquery/src/main.css
@@ -0,0 +1,100 @@
+/*
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+*/
+
+@namespace basic "library://ns.apache.org/flexjs/basic";
+
+/*
+//----------------------------
+//  Global styles
+//----------------------------
+*/
+.global {
+    IStatesImpl:            ClassReference("org.apache.flex.core.StatesWithTransitionsImpl");
+    color:                  #170505;
+    fillAlphas:             1.00, 1.00; /* last pair are for OVER state */
+    fillColors: 		    #FFFFFF, #DDDDDD, #FFFFFF, #EEEEEE;
+}
+
+global {
+    IStatesImpl:            ClassReference("org.apache.flex.core.StatesWithTransitionsImpl");
+}
+
+/*
+//----------------------------
+// Type selectors
+//----------------------------
+
+HRule
+{
+    color:                  #666666;
+}
+*/
+
+/*
+//----------------------------
+// Named styles
+//----------------------------
+*/
+.glass {
+    borderColor:		    #767473;
+    fillAlphas: 		    .60, .60, .60, .60;
+    fillColors: 		    #888888, #F3F3F3, #9E9E9E, #FCFCFC;
+    highlightAlphas:	    .07, .45;
+}
+
+.glassSlider
+{
+    fillAlphas: 		    .80, .80, .80, .80;
+    fillColors: 		    #F3F3F3, #BBBBBB, #FCFCFC, #CCCCCC;
+}
+
+.listItem
+{
+    paddingLeft:            4;
+    paddingRight:           4;
+    horizontalGap:          5;
+    verticalAlign:          "middle";
+    backgroundColor:        #FFFFFF;
+    backgroundAlpha:        .5;
+    borderStyle:            "outset";
+}
+
+basic|Container
+{
+    IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.BasicLayout");
+}
+
+.sectionHeader
+{
+    fontWeight:             "bold";
+    fontSize:               11;
+}
+
+.homeSection
+{
+    cornerRadius:           4;
+    borderStyle:            "solid";
+}
+
+.hoverButton
+{
+    height: 20px;
+}


Mime
View raw message