<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
  <id>47286</id>
  <defaultcontrol>2</defaultcontrol>
	<allowoverlay>true</allowoverlay>
	<define>#usePlayFanart:Yes</define>
    <controls>
        <control>
			<description>BG</description>
			<type>image</type>
			<id>0</id>
			<texture>BasicHomeBG\music_default.jpg</texture>
			<width>1920</width>
			<height>1080</height>
		</control>

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

        <control>
            <id>0</id>
            <type>image</type>
			<posX>178</posX>
			<posY>676</posY>
			<width>1560</width>
			<height>402</height>
			<texture>music_nowplaying_bg.png</texture>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
		
    	<control>
    		<description>details bg</description>
    		<type>image</type>
    		<id>0</id>
    		<posX>177</posX>
    		<posY>33</posY>
			<width>1560</width>
			<height>652</height>
    		<texture>lastfm_details_bg.png</texture>
<visible>!Control.HasFocus(223)</visible>
    		<animation effect="fade" start="100" end="0" time="200" reversible="false">Hidden</animation>
    		<animation effect="fade" start="0" end="100" delay="150" time="400" reversible="false">Visible</animation>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
    	</control>
        
	   <control>
	   	    <description>clock bg</description>
		    <type>image</type>
		    <id>0</id>
		    <posX>1480</posX>
		    <posY>748</posY>
		    <width>188</width>
		    <height>80</height>
		    <texture>osd_clock_bg.png</texture>
            <animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
            <animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
		
        <control>
            <type>label</type>
            <id>1</id>
            <description>Clock</description>
            <posX>1497</posX>
            <posY>792</posY>
		    <width>144</width>
		    <font>AvalonLight14</font>
		    <align>center</align>
		    <label>#time</label>
		    <textcolor>ff85cffe</textcolor>
		    <animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
		    <animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
		
    	<control>
    		<description>Animated EQ BG</description>
    		<type>image</type>
    		<id>0</id>
    		<posX>1480</posX>
    		<posY>840</posY>
    		<width>188</width>
    		<height>80</height>
    		<texture>EQ_bg.png</texture>
            <visible>player.playing</visible>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
    	</control>
        
    	<control>
    		<description>Animated EQ</description>
    		<type>image</type>
    		<id>0</id>
    		<posX>1495</posX>
    		<posY>852</posY>
    		<width>158</width>
    		<height>55</height>
    		<texture>MusicPlayingNow_EQ.gif</texture>
            <visible>player.playing</visible>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
    	</control>
	
        <control>
            <id>300</id>
            <description>Playlist</description>
            <type>playlistcontrol</type>
            <onleft>2</onleft>
    	    <posX>723</posX>
            <posY>119</posY>
            <width>930</width>
    	    <height>550</height>
            <textXOff>30</textXOff>
            <IconXOff>58</IconXOff>
            <IconYOff>0</IconYOff>
            <itemHeight>52</itemHeight>
            <itemWidth>52</itemWidth>
    	    <spinPosX>2000</spinPosX>
	<visible>!Control.HasFocus(223)</visible>
            <spaceBetweenItems>5</spaceBetweenItems>
    	    <spinCanFocus>no</spinCanFocus>
            <dimColor>ffffffff</dimColor>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
    
        <control>
            <id>200</id>
            <description>Track listing</description>
            <type>listcontrol</type>
            <onleft>2</onleft>
    	    <posX>723</posX>
            <posY>119</posY>
            <width>930</width>
    	    <height>550</height>
            <textXOff>30</textXOff>
            <IconXOff>58</IconXOff>
            <IconYOff>0</IconYOff>
            <itemHeight>52</itemHeight>
            <itemWidth>52</itemWidth>
    	    <spinPosX>2000</spinPosX>
            <spaceBetweenItems>5</spaceBetweenItems>
    	    <spinCanFocus>no</spinCanFocus>
<visible>!Control.HasFocus(223)</visible>
            <dimColor>ffffffff</dimColor>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
        
        <control>
            <id>0</id>
            <description>Track Name</description>
            <type>fadelabel</type>
            <posX>545</posX>
            <posY>751</posY>
    	    <width>924</width>
            <font>fontB16</font>
            <label>#Rockstar.SelectedTrack.ArtistName - #Rockstar.SelectedTrack.TrackName</label>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>!player.playing</visible>
        </control>
    
   
    	<control>
    		<type>fadelabel</type>
    		<description>artist label</description>
    		<id>0</id>
            <posX>545</posX>
            <posY>809</posY>
    		<width>924</width>
            <font>fontB14</font>
            <textcolor>ff6aa5cb</textcolor>
    		<label>#Rockstar.SelectedTrack.ArtistName - #Rockstar.SelectedTrack.AlbumName</label>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>!player.playing + !string.contains(#Rockstar.SelectedTrack.ArtistName, )</visible>
    	</control>
	
        <control>
            <id>0</id>
            <description>year label</description>
            <type>label</type>
            <posX>545</posX>
            <posY>885</posY>
            <font>AvalonLight14</font>
            <textcolor>ff6aa5cb</textcolor>
            <label>#(L(201))  #Rockstar.SelectedTrack.AlbumYear</label>
     		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>!player.playing + !string.contains(#Rockstar.SelectedTrack.AlbumYear, )</visible>
        </control>
	
        <control>
            <id>0</id>
            <description>Track Name</description>
            <type>fadelabel</type>
            <posX>545</posX>
            <posY>751</posY>
    	    <width>924</width>
            <font>fontB16</font>
            <label>#Play.Current.Title</label>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>player.playing</visible>
        </control>

    	<control>
    		<type>fadelabel</type>
    		<description>artist label</description>
    		<id>0</id>
            <posX>545</posX>
            <posY>809</posY>
    		<width>924</width>
            <font>fontB14</font>
            <textcolor>ff6aa5cb</textcolor>
    		<label>#Play.Current.Artist - #Play.Current.Album</label>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>player.playing</visible>
    	</control>
	
        <control>
            <id>0</id>
            <description>year label</description>
            <type>label</type>
            <posX>545</posX>
            <posY>885</posY>
            <font>AvalonLight14</font>
            <textcolor>ff6aa5cb</textcolor>
            <label>#(L(201))  #Play.Current.Year</label>
     		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
            <visible>player.playing</visible>
        </control>
        
        <control>
            <id>15</id>
            <description>album art image</description>
            <type>image</type>
            <posX>250</posX>
            <posY>746</posY>
            <width>250</width>
            <height>250</height>
            <texture mask="music_listview_mask.png">#Play.Current.Thumb</texture>
    		<keepaspectratio>yes</keepaspectratio>
    		<centered>yes</centered>	
    		<zoom>yes</zoom>			
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
    		<animation effect="Fade" time="500">VisibleChange</animation>
        </control>
	
        <control>
            <id>10</id>
            <type>image</type>
           <!--<visible>[Control.HasFocus(200)|Control.HasFocus(300)]</visible>-->
 		<visible>!Control.HasFocus(223)</visible>
            <posX>-2000</posX>
            <posY>191</posY>
            <width>215</width>
            <height>202</height>
            <texture>missing_Coverart.png</texture>
    		<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
    		<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
    
		<control>
			<description>group element</description>
			<type>group</type>
			<layout>StackLayout(0, Vertical, true)</layout>
			<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
			<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
			<posX>282</posX>
			<posY>144</posY>
              <control>
                <id>2</id>
                <description>Search Music</description>
                <type>button</type>
                <onright>200</onright>
                <ondown>3</ondown>
                <onup>223</onup>
                 <visible>!Control.HasFocus(223)</visible>
                <label>Search Music</label>
              </control>
              <control>
                <id>3</id>
                <description>Default Playlist</description>
                <type>button</type>
                <onright>200</onright>
                <onup>2</onup>
                <ondown>4</ondown>
                 <visible>!Control.HasFocus(223)</visible>
                <label>Default Playlist</label>
              </control>
              <control>
                <id>4</id>
                <description>Playlists</description>
                <type>button</type>
                <onright>200</onright>
                <onup>3</onup>
                <ondown>20</ondown>
                 <visible>!Control.HasFocus(223)</visible>
                <label>Playlists</label>
              </control>
              <control>
                <id>20</id>
                <description>Popular Songs</description>
                <type>button</type>
                <onright>200</onright>
                <onup>4</onup>
                <ondown>32</ondown>
                  <visible>!Control.HasFocus(223)</visible>
                <label>Popular Songs</label>
              </control>
              <control>
                <id>32</id>
                <description>Shuffle on/off button</description>
                <type>togglebutton</type>
                <onright>200</onright>
                <onup>20</onup>
                <ondown>30</ondown>
                <label>Shuffle</label>
		 <visible>!Control.HasFocus(223)</visible>
              </control>
              <control>
                <id>30</id>
                <description>Repeat on/off button</description>
                <type>togglebutton</type>
                <onright>200</onright>
                <onup>32</onup>
                <ondown>223</ondown>
                <label>Repeat</label>
		 <visible>!Control.HasFocus(223)</visible>
              </control>
        </control>
	<control>
          <description>Now Playing button</description>
          <type>button</type>
          <id>223</id>
          <posX>462</posX>
          <posY>300</posY>
          <label></label>
          <!--<width>240</width>-->
          <!--<textalign>center</textalign>-->
          <onup>30</onup>
          <ondown>2</ondown>
          <!--<onleft>30</onleft>-->
          <onright>200</onright>
          <textureFocus>-hiddenmenu_item_selected.png</textureFocus>
          <textureNoFocus>-hiddenmenu_item.png</textureNoFocus>
          <textcolor>00000000</textcolor>
          <textcolorNoFocus>ffa9d0f7</textcolorNoFocus>
          <shadowColor>00000000</shadowColor>
        </control>
    
        <control>
            <id>1</id>
            <description>Progress background</description>
            <type>image</type>
            <visible>player.hasmedia</visible>
			<posX>648</posX>
			<posY>961</posY>
			<width>914</width>
			<height>18</height>
			<texture>osd_progress_bg_music.png</texture>
			<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
			<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>

        <control>
            <id>1</id>
            <description>progress bar</description>
            <type>progress</type>
            <visible>player.hasmedia</visible>
			<posX>638</posX>
			<posY>963</posY>
			<width>935</width>
			<height>15</height>
			<label>#percentage</label>
			<texturebg>-</texturebg>
			<lefttexture>osd_progress_left.png</lefttexture>
			<midtexture>osd_progress_mid.png</midtexture>
			<righttexture>osd_progress_right.png</righttexture>
            <label>#percentage</label>
			<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
			<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
        
        <control>
            <id>0</id>
            <description>track duration label</description>
            <type>label</type>
            <visible>player.hasmedia</visible>
			<posX>548</posX>
			<posY>953</posY>
			<label>#currentplaytime</label>
			<align>left</align>
			<font>font11</font>
			<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
			<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
        
        <control>
            <id>0</id>
            <description>track duration label</description>
            <type>fadelabel</type>
            <visible>player.hasmedia</visible>
			<posX>1660</posX>
			<posY>953</posY>
			<label>#currentremaining</label>
			<align>right</align>
			<font>font11</font>
			<animation effect="fade" start="0" end="100" time="300" delay="350">WindowOpen</animation>
			<animation effect="fade" start="100" end="0" time="0" delay="0">WindowClose</animation>
        </control>
  </controls>
</window>
