<!-- This file describes apperance of listbox items. -->
<container id="item" x="{item.x}" width="{item.width}" height="{item.height}">
 <container id="icon" width="{item.width}" height="{item.height*0.78}">
 	<image id="image" src="{item.src}" width="{item.width}" height="{item.height}" rendering="quality" />
 </container>
 <container id="text" y="{item.height*0.7}" width="{item.width}" height="{item.height*0.3}">
 	<image y="{-item.height*0.7}" id="image2" src="{item.src}" width="{item.width}" height="{item.height}" rendering="quality" />
 </container>
 	
 	
 	 <!--“DoItemStart” and “DoitemStartSelected vois lisätä kans vielä tähän -->
 	   
  <action on="DoItemJump">
    <animate targetNode="item" targetAttr="y" to="{item.y}" />
  </action>

  <action on=DoItemScroll;"DoItemMove;DoItemDeselectMove;DoItemDeselectMove;DoItemWrap;DoItemSelectWrap;DoItemDeselectWrap">
    <animate targetNode="item" targetAttr="y" from="{item.oldy}" to="{item.y}" dur="0.15s" ease="in"/>

     
  </action>
  
    <action on="DoItemSelectWrap">
    <animate targetNode="item" targetAttr="y" from="{item.oldy}" to="{item.y}" dur="0.15s" ease="in"/>
   
    <animate targetNode="image" targetAttr="y"  to="{item.height*0.08}" dur="0.2s" ease="in"/>

    
    <animate targetNode="image" targetAttr="y" from="{item.height*0.08}" to="0" dur="0.2s" begin="0.2s" ease="in"/>
    
  </action>
  
   <action on="DoItemSelectMove">
    <animate targetNode="item" targetAttr="y" from="{item.oldy}" to="{item.y}" dur="0.15s" ease="in"/>

    
    <animate targetNode="image" targetAttr="y"  to="{item.height*0.08}" dur="0.2s"  ease="in"/>
    
  
    <animate targetNode="image" targetAttr="y" from="{item.height*0.08}" to="0" dur="0.2s" begin="0.2s" ease="in"/>

    
  </action>
 
</container>
