<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
  <id>47286</id>
  <defaultcontrol>2</defaultcontrol>
  <allowoverlay>true</allowoverlay>
  <define>#usePlayFanart:Yes</define>
  <define>#useOverlay:No</define>
  <define>#header.label:Rockstar</define>
  <controls>
    <control>
      <description>BG</description>
      <type>image</type>
      <id>0</id>
      <texture>SpotifyBackdrop.png</texture>
      <width>1920</width>
      <height>1080</height>
    </control>

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

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


<!-- SLIDE ANIMATION -->

      <control>
      <id>0</id>
      <description>Empty CD Image</description>
      <type>image</type>
      <visible>player.hasaudio</visible>
      <posX>380</posX>
      <posY>742</posY>
      <width>235</width>
      <height>235</height>
      <texture>..\..\..\Thumbs\CDArt\Music\CD.png</texture>
		<keepaspectratio>yes</keepaspectratio>
		<centered>yes</centered>
      <animation effect="fade" time="250" start= "100" end= "150" condition="true">conditional</animation>
      <animation effect="fade" time="250" reversible="false">Visible</animation>
      <animation effect="fade" delay="250" time="200">WindowOpen</animation>
      <animation effect="slide" delay="300" time="1200" start="1760,0" reversible="true" tween="quadratic" easing="out" condition="player.playing">WindowOpen</animation>

      <animation effect="slide" time="300" end="1760,0" condition="player.playing" tween="quadratic" easing="out">WindowClose</animation>
      <animation effect="fade" delay="100" time="100">WindowClose</animation>  
      <animation effect="slide" time="100" end="-120,0" condition="player.paused">Conditional</animation>
      <animation effect="rotate" delay="100" end="-360" time="4000" loop="true" reversible="true" condition="!player.paused">Conditional</animation>
      <animation effect="rotate" delay="100" end="-360" time="1500" loop="true" reversible="false" condition="player.forwarding">Conditional</animation>
      <animation effect="rotate" delay="100" end="360" time="800" loop="true" reversible="false" condition="player.rewinding">Conditional</animation>
    </control>

<!-- SLIDE ANIMATION -->

    <control>
      <description>CDArt</description>
      <id>5555</id>
      <type>image</type>
      <visible>player.hasaudio</visible>
      <posX>380</posX>
      <posY>742</posY>
      <width>235</width>
      <height>235</height>
      	<texture>..\..\..\Thumbs\CDArt\Music\#Play.Current.AlbumArtist - #Play.Current.Album.png</texture>
      <centered>yes</centered>	
      <animation effect="fade" time="250" start= "100" end= "150" condition="true">conditional</animation>
      <animation effect="fade" time="250" reversible="false">Visible</animation>
      <animation effect="fade" delay="250" time="200">WindowOpen</animation>
      <animation effect="slide" delay="300" time="1200" start="1760,0" reversible="true" tween="quadratic" easing="out" condition="player.playing">WindowOpen</animation>

      <animation effect="slide" time="300" end="1760,0" condition="player.playing" tween="quadratic" easing="out">WindowClose</animation>
      <animation effect="fade" delay="100" time="100">WindowClose</animation>  
      <animation effect="slide" time="100" end="-122,0" condition="player.paused">Conditional</animation>
      <animation effect="rotate" delay="100" end="-360" time="4000" loop="true" reversible="true" condition="!player.paused">Conditional</animation>
      <animation effect="rotate" delay="100" end="-360" time="1500" loop="true" reversible="false" condition="player.forwarding">Conditional</animation>
      <animation effect="rotate" delay="100" end="360" time="800" loop="true" reversible="false" condition="player.rewinding">Conditional</animation>
    </control>

<!-- Panel  -->

    <control>
      <id>0</id>
      <type>image</type>
      <posX>10</posX>
      <posY>694</posY>
      <width>1903</width>
      <height>348</height>
      <texture>panel_now_playing.png</texture>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="250">WindowClose</animation>
    </control>

    	<!-- ClearArt -->
       	<control>
       		<description>ClearArt</description>
       		<type>image</type>
       		<id>0</id>
       		<posX>1580</posX>
       		<posY>800</posY>
       		<width>220</width>
       		<height>99</height>
       		<texture>..\..\..\Thumbs\ClearArt\Music\#(string.trim(#Rockstar.SelectedTrack.ArtistName)).png</texture>
            <visible>!player.hasaudio</visible>
       	</control>  
       	<control>
       		<description>ClearArt</description>
       		<type>image</type>
       		<id>0</id>
       		<posX>1580</posX>
       		<posY>800</posY>
       		<width>220</width>
       		<height>99</height>
       		<texture>..\..\..\Thumbs\ClearArt\Music\#(string.trim(#Play.Current.Artist)).png</texture>
            <visible>player.hasaudio</visible>
       	</control>  

      <control>
        <id>0</id>
        <type>image</type>
      <visible>player.hasaudio</visible>
      <posX>250</posX>
      <posY>737</posY>
      <width>250</width>
      <height>250</height>
        <texture>DefaultAudioBig.png</texture>
      	<animation effect="fade" time="250">WindowOpen</animation>
      	<animation effect="fade" time="250">WindowClose</animation>
        <animation effect="Fade" time="250" delay="150">VisibleChange</animation>
      </control>

    <control>
      <description>details bg</description>
      <type>image</type>
      <id>0</id>
      <posX>177</posX>
      <posY>123</posY>
      <width>1560</width>
      <height>580</height>
      <texture>panel_list_noinfo.png</texture>
      <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>
      <id>300</id>
      <description>Playlist</description>
      <type>playlistcontrol</type>
      <onleft>2</onleft>
      <posX>637</posX>
      <posY>169</posY>
      <width>1000</width>
      <height>525</height>
      <textXOff>35</textXOff>
      <textXOff2>950</textXOff2>
      <upBtnXOffset>975</upBtnXOffset>
      <downBtnXOffset>1000</downBtnXOffset>
      <deleteBtnXOffset>1025</deleteBtnXOffset>
      <IconXOff>25</IconXOff>
      <IconYOff>0</IconYOff>
      <itemHeight>52</itemHeight>
      <itemWidth>52</itemWidth>
      <spinPosX>2000</spinPosX>
      <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>637</posX>
      <posY>169</posY>
      <width>1000</width>
      <height>525</height>
      <textXOff>35</textXOff>
      <textXOff2>1025</textXOff2>
      <IconXOff>25</IconXOff>
      <IconYOff>0</IconYOff>
      <itemHeight>52</itemHeight>
      <itemWidth>52</itemWidth>
      <spinPosX>2000</spinPosX>
      <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>0</id>
      <description>Track Name</description>
      <type>fadelabel</type>
      <posX>545</posX>
      <posY>751</posY>
      <width>924</width>
      <font>fontB16</font>
      <label>#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 + string.equals(#Rockstar.SelectedTrack.TrackName)</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>ffa99176</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.equals(#Rockstar.SelectedTrack.AlbumName)</visible>
    </control>

    <control>
      <id>0</id>
      <description>year label</description>
      <type>label</type>
      <posX>545</posX>
      <posY>867</posY>
      <font>fontB14</font>
      <textcolor>ffa99176</textcolor>
      <label>#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.equals(#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.hasaudio</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>ffa99176</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.hasaudio</visible>
    </control>

    <control>
      <id>15</id>
      <description>album art image</description>
      <type>image</type>
      <visible>player.hasaudio</visible>
      <posX>250</posX>
      <posY>737</posY>
      <width>250</width>
      <height>250</height>
      <texture>#Play.Current.Thumb</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>10</id>
      <type>image</type>
      <posX>250</posX>
      <posY>737</posY>
      <width>250</width>
      <height>250</height>
      <texture>audio_nothumb.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>
      <visible>!player.hasaudio</visible>
    </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>260</posX>
      <posY>194</posY>

      <control>
        <id>2</id>
        <description>Search Music</description>
        <type>button</type>
        <onright>200</onright>
        <ondown>3</ondown>
        <width>330</width>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
        <label>Search Music</label>
      </control>
      <control>
        <id>3</id>
        <description>Default Playlist</description>
        <type>button</type>
        <width>330</width>
        <onright>200</onright>
        <onup>2</onup>
        <ondown>4</ondown>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
        <label>Default Playlist</label>
      </control>
      <control>
        <id>4</id>
        <description>Playlists</description>
        <type>button</type>
        <width>330</width>
        <onright>200</onright>
        <onup>3</onup>
        <ondown>20</ondown>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
        <label>Playlists</label>
      </control>
      <control>
        <id>20</id>
        <description>Popular Songs</description>
        <type>button</type>
        <width>330</width>
        <onright>200</onright>
        <onup>4</onup>
        <ondown>32</ondown>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
        <label>Popular Songs</label>
      </control>
      <control>
        <id>32</id>
        <description>Shuffle on/off button</description>
        <type>checkbutton</type>
        <width>330</width>
        <onright>200</onright>
        <onup>20</onup>
        <ondown>30</ondown>
        <label>Shuffle</label>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
      </control>
      <control>
        <id>30</id>
        <description>Repeat on/off button</description>
        <type>checkbutton</type>
        <width>330</width>
        <onright>200</onright>
        <onup>32</onup>
        <label>Repeat</label>
        <textcolor>FF000000</textcolor>
        <textcolorNoFocus>ffffffff</textcolorNoFocus>
      </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>-context_item</textureNoFocus>
      <textcolor>00000000</textcolor>
      <textcolorNoFocus>ffd6cbbf</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>
      <visible>player.hasaudio</visible>
    </control>

    <control>
      <id>1</id>
      <description>progress bar</description>
      <type>progress</type>
      <visible>player.hasaudio</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.hasaudio</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.hasaudio</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>