<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="components.*"  creationComplete="init();" viewSourceURL="srcview/index.html">
    
    
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var dP:ArrayCollection=new ArrayCollection();
            
            private function init():void{
                dP=new ArrayCollection();
                
                for(var i:int=1;i<17;i++){
                    dP.addItem({image:"data/"+i+".jpg"});
                }
                
                
                myTile.dataProvider=dP;
            }
            
            private function onSliderChange(){
                trace(slider.value);
                myTile.scaleThumb(slider.value);
                myTile.layoutTiles();
            }
            
            
        ]]>
    </mx:Script>
    
    
    <mx:HDividedBox left="30" top="30" bottom="30" right="30">
        <mx:Panel width="100%" height="100%">
            
        
        <ns1:AniTile id="myTile" width="100%" height="100%" dataProvider="{dP}" itemRenderer="Thumbnail">
            
        </ns1:AniTile>
        </mx:Panel>
        <mx:Panel width="100%" height="100%">
        <mx:VBox width="100%" height="100%">
            <mx:VSlider id="slider" x="723" y="101" minimum="50" maximum="300" change="onSliderChange();" />
        </mx:VBox>
        </mx:Panel>
    </mx:HDividedBox>
    
</mx:Application>