<?xml version="1.0" encoding="utf-8"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:comps="*" 
    backgroundColor="#FFFFFF">
    <mx:ArrayCollection id="category1">
      <mx:Object productName="Product 1" productPrice="1.99" />
      <mx:Object productName="Product 2" productPrice="2.99" />
      <mx:Object productName="Product 3" productPrice="3.99" />
      <mx:Object productName="Product 4" productPrice="4.99" />
      <mx:Object productName="Product 5" productPrice="5.99" />
      <mx:Object productName="Product 6" productPrice="6.99" />
    </mx:ArrayCollection>
    <mx:ArrayCollection id="category2">
      <mx:Object productName="Product 1" productPrice="1.99" />
      <mx:Object productName="Product 2" productPrice="2.99" />
      <mx:Object productName="Product 3" productPrice="3.99" />
      <mx:Object productName="Product 4" productPrice="4.99" />
    </mx:ArrayCollection>
    <mx:HBox width="100%">
      <mx:Spacer width="100%" />
      <mx:Button label="Category 1" click="productsRepeater.dataProvider=this.category1" />
      <mx:Button label="Category 2" click="productsRepeater.dataProvider=this.category2" />
      <mx:Spacer width="100%" />
    </mx:HBox>
    <mx:Tile direction="horizontal" borderStyle="inset" 
      horizontalGap="10" verticalGap="15" 
      paddingTop="10" paddingBottom="10" 
      paddingLeft="10" paddingRight="10">
      <mx:Repeater id="productsRepeater" dataProvider="{this.category1}" >
        <comps:professional_flex_code_08_Product productName="{productsRepeater.currentItem.productName}" 
                      productPrice="{productsRepeater.currentItem.productPrice}" />
      </mx:Repeater>
    </mx:Tile>
  </mx:Application>