<?xml version="1.0" encoding="UTF-8"?>
<component name="MenuIcons" extends="Panel" >

	<script type="text/brightscript" uri="pkg:/components/Menu/MenuIcons.brs" />

	<interface>
	  <field id = "uri" type = "uri" onChange = "loadIcon" />
	</interface>
	
	<children >
		<Group
			translation="[384,124]">
		  <Poster
			  id="icon"
			  width="400"
			  height="400"
			  
			  loadDisplayMode="scaleToFit" />
		  
		  <Poster
			  id="oldIcon"
			  width="400"
			  height="400"
			  
			  loadDisplayMode="scaleToFit" />
		  </Group>
		  <Animation
		      id="fadeoutAnimation"
		      repeat="false"
		      duration="0.2">
		      <FloatFieldInterpolator
		        id="oldIconInterpolator"
		        key="[0.0, 1.0]"
		        keyValue="[1.0, 0.0]"
		        fieldToInterp="oldicon.opacity"/>
		   </Animation>
		
		   <Animation
			    id="fadeinAnimation"
			    repeat="false"
			    duration="0.2">
			    <FloatFieldInterpolator
			      id="IconInterpolator"
			      key="[0.0, 1.0]"
			      keyValue="[0.0, 1.0]"
			      fieldToInterp="icon.opacity"/>
			</Animation>
	
	</children>
</component>
