<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
  <id>500</id>
  <defaultcontrol>50</defaultcontrol>
  <allowoverlay>no</allowoverlay>
  <define>#useSelectedFanart:Yes</define>
  <controls>

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

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

	<control Style="Header">
		<description>music header</description>
		<type>label</type>
		<id>1</id>
		<posX>1120</posX>
		<posY>30</posY>
		<label>2</label>
  		<align>right</align>
  		<animation effect="fade" time="250">WindowOpen</animation>
  		<animation effect="fade" time="250">WindowClose</animation>
	</control>

	<control>
		<id>1</id>
		<description>music header logo</description>
		<type>image</type>
		<posX>1130</posX>
		<posY>15</posY>
  		<width>100</width>
  		<height>80</height>
  		<keepaspectratio>yes</keepaspectratio>
		<texture>hover_my music.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.playlist+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 Style="Title16">
		<description>Current Module Label</description>
		<type>label</type>
		<id>1</id>
		<posX>565</posX>
		<posY>105</posY>
		<align>left</align>
		<label>136</label>
		<visible>facadeview.playlist+Control.IsVisible(50)</visible>
		<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 Style="MenuHeader">
				<description>Heading text label</description>
				<type>label</type>
				<id>1</id>
				<posX>47</posX>
				<posY>40</posY>
				<label>924</label>
			</control>
		
			<control>
				<description>button group</description>
				<type>group</type>
				<posX>30</posX>
				<posY>122</posY>
				<layout>StackLayout(1, Vertical, true)</layout>

  			<control>
  				<description>View-As button</description>
  				<type>menubutton</type>
  				<id>2</id>
  				<label></label>
  				<onright>50</onright>
  				<onup>17</onup>
  				<ondown>20</ondown>
					<mode>dialoglist</mode>
					<dialogTitle>792</dialogTitle>
					<valueTextInButton>yes</valueTextInButton>
					<valuePrefixText>95</valuePrefixText>
  			</control>

  			<control>
  				<description>Shuffle button</description>
  				<type>button</type>
  				<id>20</id>
  				<label>191</label>
  				<onright>50</onright>
  				<onup>2</onup>
  				<ondown>30</ondown>
  			</control>

  			<control>
  				<description>Repeat on/off button</description>
  				<type>togglebutton</type>
  				<id>30</id>
  				<label>486</label>
  				<onright>50</onright>
  				<onup>20</onup>
  				<ondown>10</ondown>
  			</control>

  			<control>
  				<description>My Playlists</description>
  				<type>button</type>
  				<id>10</id>
  				<label>983</label>
  				<onright>50</onright>
  				<onup>30</onup>
  				<ondown>21</ondown>
  			</control>

  			<control>
  				<description>Save button</description>
  				<type>button</type>
  				<id>21</id>
  				<label>190</label>
  				<onright>50</onright>
  				<onup>10</onup>
  				<ondown>22</ondown>
  			</control>

  			<control>
  				<description>Clear button</description>
  				<type>button</type>
  				<id>22</id>
  				<label>192</label>
  				<onright>50</onright>
  				<onup>21</onup>
  				<ondown>26</ondown>
  			</control>

  			<control>
  				<description>Now playing</description>
   				<type>button</type>
  				<id>26</id>
  				<label>4540</label>
  				<hyperlink>510</hyperlink>
  				<onright>50</onright>
  				<onup>22</onup>
  				<ondown>27</ondown>
  			</control>

  			<control>
  				<description>scrobble on/off button</description>
  				<type>togglebutton</type>
  				<id>27</id>
  				<label>33000</label>
  				<onright>50</onright>
  				<onup>26</onup>
  				<ondown>28</ondown>
  				<visible>plugin.isenabled(Audioscrobbler)</visible>
  			</control>

  			<control>
  				<description>scrobble mode button</description>
  				<type>button</type>
  				<id>28</id>
  				<label>33001</label>
  				<onright>50</onright>
  				<onup>27</onup>
  				<ondown>29</ondown>
  				<visible>plugin.isenabled(Audioscrobbler)</visible>
  			</control>

  			<control>
  				<description>scrobble user button</description>
  				<type>button</type>
  				<id>29</id>
  				<label>Scrobbler: </label>
  				<onright>50</onright>
  				<onup>28</onup>
  				<ondown>99</ondown>
  				<visible>plugin.isenabled(Audioscrobbler)</visible>
  			</control>

  		</control>
		</control>

		<!--========================= MENU INFO ============================-->

		<control Style="Label">
			<description>Layout Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.layout.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(2)+!string.contains(#SkinTranslation.Translations.info.menu.layout.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Shuffle Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.shuffle.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(20)+!string.contains(#SkinTranslation.Translations.info.menu.shuffle.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Repeat Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.repeat.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(30)+!string.contains(#SkinTranslation.Translations.info.menu.repeat.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>My Playlists Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.playlists.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(10)+!string.contains(#SkinTranslation.Translations.info.menu.playlists.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Save Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.save.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(21)+!string.contains(#SkinTranslation.Translations.info.menu.save.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Clear Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.clear.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(22)+!string.contains(#SkinTranslation.Translations.info.menu.clear.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Now Playing Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.nowplaying.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(26)+!string.contains(#SkinTranslation.Translations.info.menu.nowplaying.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Scrobble mode Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.scrobblemode.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(28)+!string.contains(#SkinTranslation.Translations.info.menu.scrobblemode.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Scrobble on/off Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.scrobble.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(27)+!string.contains(#SkinTranslation.Translations.info.menu.scrobble.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

		<control Style="Label">
			<description>Scrobble user Info</description>
			<type>textboxscrollup</type>
			<id>1</id>
			<posX>47</posX>
			<posY>600</posY>
			<label>#SkinTranslation.Translations.info.menu.scrobbleuser.Label</label>
			<width>270</width>
			<height>100</height>
			<visible>Control.Hasfocus(29)+!string.contains(#SkinTranslation.Translations.info.menu.scrobbleuser.Label,.Label)+Skin.HasSetting(#skin.general.useinfotags)</visible>
			<animation effect="slide" time="150" start="-300,0" reversible="false">visible</animation>
		</control>

 	</control>

  <import>common.facade.music.xml</import>

	<control>
		<id>0</id>
		<type>image</type>
		<posX>65</posX>
		<posY>85</posY>
		<width>415</width>
		<height>415</height>
		<visible>facadeview.playlist+!control.hasthumb(500)+Control.HasFocus(50)</visible>
		<texture>audio_nothumb.png</texture>
		<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>
		<id>500</id>
		<type>image</type>
		<posX>65</posX>
		<posY>85</posY>
		<width>415</width>
		<height>415</height>
		<keepaspectratio>yes</keepaspectratio>
		<align>center</align>
		<texture>#selectedthumb</texture>
		<visible>facadeview.playlist+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 Style="Title14">
		<description>Selected item Label</description>
		<type>fadelabel</type>
		<id>1</id>
		<posX>60</posX>
		<posY>25</posY>
		<width>525</width>
		<label>#selecteditem</label>
		<align>left</align>
		<visible>facadeview.playlist+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 Style="Title14">
		<description>Selected item Label</description>
		<type>fadelabel</type>
		<id>1</id>
		<posX>290</posX>
		<posY>125</posY>
		<width>700</width>
		<label>#selecteditem</label>
		<align>center</align>
		<visible>facadeview.smallicons | facadeview.largeicons</visible>
		<animation effect="fade" time="250">WindowOpen</animation>
		<animation effect="fade" time="250">WindowClose</animation>
	</control>

	<control Style="Title14">
		<description>Album label</description>
		<type>label</type>
		<id>0</id>
		<posX>60</posX>
		<posY>520</posY>
		<label>483</label>
		<width>120</width>
		<visible>Control.HasFocus(50)+string.equals(#music.album)</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>Album value</description>
		<type>fadelabel</type>
		<id>0</id>
		<posX>180</posX>
		<posY>520</posY>
		<label>#music.album</label>
		<align>left</align>
		<width>310</width>
		<font>font14bold</font>
		<visible>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 Style="Label">
		<id>0</id>
		<description>year label</description>
		<type>label</type>
		<posX>60</posX>
		<posY>620</posY>
		<label>345</label>
		<width>120</width>
		<visible>Control.HasFocus(50)+string.equals(#music.year)</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>year value</description>
		<type>label</type>
		<id>0</id>
		<posX>180</posX>
		<posY>620</posY>
		<label>#music.year</label>
		<align>left</align>
		<width>310</width>
		<visible>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>Horizontal seperator</description>
		<type>image</type>
		<id>1</id>
		<posX>50</posX>
		<posY>550</posY>
		<width>445</width>
		<texture>seperator.png</texture>
		<visible>Control.HasFocus(50)+string.equals(#music.album)</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>Album review</description>
		<type>textboxscrollup</type>
		<id>0</id>
		<posX>60</posX>
		<posY>560</posY>
		<label>#AlbumInfo.Review</label>
		<height>58</height>
		<width>440</width>
		<visible>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>Info Icon</description>
		<type>image</type>
		<id>0</id>
		<posX>50</posX>
		<posY>668</posY>
		<width>22</width>
		<height>22</height>
		<texture>osd_info_button_focus.png</texture>
		<visible>facadeview.playlist+Control.HasFocus(50)+!string.contains(#SkinTranslation.Translations.info.playlist.Label,.Label)</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 Style="Label">
		<description>Info label</description>
		<type>fadelabel</type>
		<id>0</id>
		<posX>80</posX>
		<posY>668</posY>
		<width>420</width>
		<label>#SkinTranslation.Translations.info.playlist.Label</label>
		<align>left</align>
		<scrollStartDelaySec>5</scrollStartDelaySec>
		<wrapString> | </wrapString>
		<visible>facadeview.playlist+Control.HasFocus(50)+!string.contains(#SkinTranslation.Translations.info.playlist.Label,.Label)</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>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>

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

	<control>
		<description>Current Module Icon</description>
		<type>image</type>
		<id>1</id>
		<posX>1160</posX>
		<posY>98</posY>
		<width>60</width>
		<height>45</height>
  	<texture>DefaultPlaylist.png</texture>
		<keepaspectratio>yes</keepaspectratio>
		<visible>facadeview.playlist+Control.IsVisible(50)</visible>
		<animation effect="fade" time="250">WindowOpen</animation>
		<animation effect="fade" time="250">WindowClose</animation>
	</control>

  </controls>
</window>
