<?xml version="1.0" encoding="utf-8"?>
  <Application xmlns="http://www.adobe.com/2006/mxml" horizontalAlign="left" layout="vertical" backgroundColor="#343434" initialize="createData()" height="800">
          <Script>
                  <![CDATA[
                          [Bindable] public var src:Array;
                          [Bindable] public var images:Array;
                          
                          
                          private function createData():void
                          {
                                  src = ("Now is the time for all good men to come to the aid of the party. The quick brown fox jumped over the lazy dog").split(" ");        
                                  var images:Array = [];
                                  var kind:String = "difference";
                                  for(var i:int=1;i<=14;i++)
                                  {
                                          if (i<=9) {
                                          images.push("../assets/img/" + kind + "/img00"+i+".jpg");
                                          } else {
                                          images.push("../assets/img/" + kind + "/img0"+i+".jpg");
                                          }
                                  }
                                  this.images = images;
                          }
                          
                          private function numberData(v:*,i:int):String
                          {
                                  return i + ". " + v;
                          }
                  ]]>
          </Script>
          
          <Style>
                  Fisheye {
                          fontSize: 38;        
                  }
          </Style>
                  <HBox width="100%" height="100%">                        
                          <qs:Fisheye xmlns:qs="qs.controls.*" height="100%" dataProvider="{src}" 
                                  hilightScaleSlope="3" hilightMinScale=".2"  
                                  stateProperty="currentState" rolloverValue="rollOver" defaultValue="" selectedValue="selected"
                                  horizontalAlign="left" 
                                  >
                                  <qs:itemRenderer>
                                          <Component>
                                                  <qs:CachedLabel xmlns:f="flash.filters.*" color="#FFFFFF">
                                                          <qs:states>
                                                                  <State name="selected">
                                                                          <SetProperty name="filters">
                                                                                  <value>
                                                                                          <Array>
                                                                                                  <f:GlowFilter  color="#888888"/>
                                                                                          </Array>
                                                                                  </value>
                                                                          </SetProperty>
                                                                          <SetStyle name="color" value="#E27C0E" />
                                                                  </State>
                                                                  <State name="rollOver">
                                                                          <SetProperty name="filters">
                                                                                  <value>
                                                                                          <Array>
                                                                                                  <f:GlowFilter  color="#BBBBBB"/>
                                                                                          </Array>
                                                                                  </value>
                                                                          </SetProperty>
                                                                  </State>
                                                          </qs:states>
                                                  </qs:CachedLabel>                                        
                                          </Component>
                                  </qs:itemRenderer>
                                  
                          </qs:Fisheye>
                          <qs:Fisheye xmlns:qs="qs.controls.*" height="100%" dataProvider="{images}" 
                                  hilightScaleSlope="3" hilightMinScale=".2"  defaultSpacing="4" 
                                  stateProperty="currentState" rolloverValue="" defaultValue="" selectedValue="selected"
                                  horizontalAlign="center" >                        
                                  <qs:itemRenderer>
                                          <Component>
                                                  <qs:BitmapTile>
                                                          <qs:states>
                                                                  <State name="selected">
                                                                          <SetStyle name="borderColor" value="#E27C0E" />
                                                                          <SetStyle name="borderAlpha" value="1" />
                                                                          <SetStyle name="borderWidth" value="3" />
                                                                  </State>
                                                          </qs:states>                                                
                                                  </qs:BitmapTile>
                                          </Component>
                                  </qs:itemRenderer>
                                  
                          </qs:Fisheye>
                  </HBox>
  </Application>