<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
    <id>464554871</id>
    <defaultcontrol>50</defaultcontrol>
    <allowoverlay>no</allowoverlay>
    <controls>

    <import>common.time.xml</import>


    	<control>
      		<id>1</id>
      		<description>background image</description>
      		<type>image</type>
    	</control>

	<control>
		<description>FRITZ!Box Manager header</description>
		<type>label</type>
		<id>1</id>
		<posX>1120</posX>
		<posY>30</posY>
		<label>FRITZ!Box Manager</label>
		<textcolor>ff66bae3</textcolor>
		<font>font32bold</font>
      		<align>right</align>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
	</control>

	<control>
		<id>1</id>
		<description>FRITZ!Box Manager header logo</description>
		<type>image</type>
		<posX>1130</posX>
		<posY>15</posY>
      		<width>100</width>
      		<height>80</height>
      		<keepaspectratio>yes</keepaspectratio>
		<texture>hover_FritzBox.png</texture>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
	</control>

        <control>
            	<id>0</id>
            	<type>image</type>
            	<posX>40</posX>
            	<posY>20</posY>
            	<width>470</width>
            	<height>680</height>
            	<texture>info_bg.png</texture>
      		<colordiffuse>e0ffffff</colordiffuse>
      		<visible>[facadeview.list|facadeview.album]+Control.HasFocus(50)</visible>
      		<animation effect="slide" time="250" start="-300,0" reversible="false">visible</animation>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
        </control>

	<control>
		<type>actiongroup</type>
		<description>action menu</description>
		<defaultcontrol>2</defaultcontrol>
		<onexit>50</onexit>
		<buttonX>0</buttonX>
		<buttonY>0</buttonY>
		<buttonwidth>50</buttonwidth>
		<buttonheight>720</buttonheight>
		<dimColor>ffffffff</dimColor>

		<control>
			<description>action menu background</description>
			<id>1</id>
			<type>image</type>
			<posX>0</posX>
			<posY>0</posY>
      			<width>350</width>
			<texture>left_menu_bg.png</texture>
			<visible>!Control.HasFocus(50)</visible>
        		<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
        		<animation effect="slide" time="150" end="-300,0" reversible="false">hidden</animation>
		</control>

		<control>
			<id>1</id>
			<description>action menu button open</description>
			<type>image</type>
			<posX>0</posX>
			<posY>0</posY>
      			<width>30</width>
			<texture>left_menu_open.png</texture>
			<visible>!Control.HasFocus(50)</visible>
        		<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
        		<animation effect="slide" time="150" end="-300,0" reversible="false">hidden</animation>
		</control>

		<control>
			<type>group</type>
        		<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
        		<animation effect="slide" time="150" end="-300,0" reversible="false">hidden</animation>
        		<visible>!Control.HasFocus(50)</visible>

			<control>
				<description>Heading text label</description>
				<type>label</type>
				<id>1</id>
				<posX>47</posX>
				<posY>40</posY>
				<label>924</label>
				<font>font18bold</font>
				<textcolor>66bae3</textcolor>
			</control>
		
			<control>
				<description>button group</description>
				<type>group</type>
				<posX>30</posX>
				<posY>122</posY>
				<layout>StackLayout(1)</layout>
				<control>
					<description>View-As</description>
					<type>button</type>
					<id>2</id>
					<label>100</label>
					<onright>50</onright>
					<onleft>2</onleft>
					<onup>17</onup>
					<ondown>3</ondown>
				</control>

				<control>
					<description>Sort</description>
					<type>sortbutton</type>
					<id>3</id>
					<label>103</label>
					<onright>50</onright>
					<onleft>3</onleft>
					<ondown>4</ondown>
					<onup>2</onup>
				</control>

				<control>
					<id>4</id>
					<description>Mode</description>
					<type>button</type>
					<onright>50</onright>
					<ondown>9</ondown>
					<onleft>4</onleft>
					<onup>3</onup>
					<label>#FritzManager.LabelCallList</label>
				</control>

				<control>
					<id>9</id>
					<description>Update list</description>
					<type>button</type>
					<onright>50</onright>
					<onleft>9</onleft>
					<ondown>99</ondown>
					<onup>4</onup>
					<label>#FritzManager.LabelUpdate</label>
				</control>

			</control>
		</control>
	</control>

	<control>
		<id>0</id>
		<type>image</type>
		<posX>175</posX>
		<posY>100</posY>
		<width>200</width>
		<height>200</height>
      		<keepaspectratio>yes</keepaspectratio>
      		<align>center</align>
		<visible>[facadeview.list|facadeview.album]+!control.hasthumb(500)+Control.HasFocus(50)+string.equals(#selecteditem,..)</visible>
		<texture>DefaultFolderBackBig.png</texture>
      		<animation effect="slide" time="250" start="-500,0" reversible="false">visible</animation>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
	</control>

    	<control>
      		<id>500</id>
      		<type>image</type>
      		<posX>137</posX>
     		<posY>100</posY>
      		<width>275</width>
      		<height>275</height>
      		<keepaspectratio>yes</keepaspectratio>
      		<align>center</align>
      		<texture flipY="true" diffuse="Thumb_Mask.png">#selectedthumb</texture>
      		<visible>[facadeview.list|facadeview.album]+[Control.HasFocus(50)]</visible>
      		<animation effect="slide" time="250" start="-300,0" reversible="false">visible</animation>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
    	</control>

    	<control>
      		<description>Selected item Label</description>
      		<type>fadelabel</type>
      		<id>1</id>
      		<posX>60</posX>
      		<posY>25</posY>
      		<width>435</width>
      		<label>#selecteditem</label>
      		<font>font14bold</font>
		<textcolor>ff66bae3</textcolor>
      		<align>left</align>
      		<visible>[facadeview.list|facadeview.album]+[Control.HasFocus(50)]</visible>
      		<animation effect="slide" time="250" start="-300,0" reversible="false">visible</animation>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
    	</control>

    	<control>
      		<description>Selected item Label</description>
      		<type>fadelabel</type>
      		<id>1</id>
      		<posX>290</posX>
      		<posY>125</posY>
      		<width>700</width>
      		<label>#selecteditem</label>
      		<font>font14bold</font>
		<textcolor>ff66bae3</textcolor>
      		<align>center</align>
      		<visible>facadeview.filmstrip | facadeview.smallicons | facadeview.largeicons</visible>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
    	</control>

    <import>common.facade.tv.xml</import>
    <import>common.overlay.xml</import>

	<control>
		<description>action menu button closed</description>
		<id>1</id>
		<type>image</type>
		<posX>0</posX>
		<posY>0</posY>
      		<width>30</width>
		<texture>left_menu_close.png</texture>
		<visible>Control.HasFocus(50)</visible>
      		<animation effect="fade" time="250">WindowOpen</animation>
      		<animation effect="fade" time="250">WindowClose</animation>
	</control>
   </controls>
</window>
