<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<window>
    <defaultcontrol>100</defaultcontrol>
    <coordinates>
        <system>1</system>
        <posx>0</posx>
        <posy>0</posy>
    </coordinates>
    <backgroundcolor>0xff111111</backgroundcolor>
    <controls>
        <control type="group">
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>1920</width>
                <height>1080</height>
                <texture>plugin.video.plexkodiconnect/home/background-fallback.png</texture>
            </control>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>1920</width>
                <height>1080</height>
                <fadetime>1000</fadetime>
                <texture  background="true">$INFO[Window.Property(background)]</texture>
            </control>
        </control>

        <control type="group" id="50">
            <posx>0</posx>
            <posy>135</posy>
            <defaultcontrol>101</defaultcontrol>

            <control type="group">
                <posx>60</posx>
                <posy>0</posy>
                <control type="label">
                    <posx>0</posx>
                    <posy>5</posy>
                    <width>420</width>
                    <height>40</height>
                    <font>font16</font>
                    <align>left</align>
                    <aligny>center</aligny>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$INFO[Window.Property(artist.title)]</label>
                </control>
                <control type="label">
                    <posx>0</posx>
                    <posy>60</posy>
                    <width>420</width>
                    <height>40</height>
                    <font>font16</font>
                    <align>left</align>
                    <aligny>center</aligny>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>$INFO[Window.Property(album.title)]</label>
                </control>
                <control type="image">
                    <posx>0</posx>
                    <posy>142</posy>
                    <width>630</width>
                    <height>630</height>
                    <texture>$INFO[Window.Property(album.thumb)]</texture>
                    <aspectratio>scale</aspectratio>
                </control>
            </control>

            <control type="grouplist" id="300">
                <animation effect="fade" start="0" end="100" time="200" reversible="true">VisibleChange</animation>
                <defaultcontrol>301</defaultcontrol>
                <posx>50</posx>
                <posy>784</posy>
                <width>650</width>
                <height>145</height>
                <onup>200</onup>
                <onright>101</onright>
                <itemgap>-50</itemgap>
                <orientation>horizontal</orientation>
                <align>center</align>
                <scrolltime tween="quadratic" easing="out">200</scrolltime>
                <usecontrolcoords>true</usecontrolcoords>
                <control type="button" id="301">
                    <animation effect="zoom" start="100" end="120" time="100" center="87,69.5" reversible="false">Focus</animation>
                    <animation effect="zoom" start="120" end="100" time="100" center="87,69.5" reversible="false">UnFocus</animation>
                    <hitrect x="40" y="40" w="94" h="59" />
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>174</width>
                    <height>139</height>
                    <font>font12</font>
                    <texturefocus colordiffuse="FFE5A00D">plugin.video.plexkodiconnect/buttons/play-focus.png</texturefocus>
                    <texturenofocus colordiffuse="99FFFFFF">plugin.video.plexkodiconnect/buttons/play.png</texturenofocus>
                    <label> </label>
                </control>
                <control type="button" id="302">
                    <animation effect="zoom" start="100" end="120" time="100" center="87,69.5" reversible="false">Focus</animation>
                    <animation effect="zoom" start="120" end="100" time="100" center="87,69.5" reversible="false">UnFocus</animation>
                    <hitrect x="40" y="40" w="94" h="59" />
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>174</width>
                    <height>139</height>
                    <font>font12</font>
                    <texturefocus colordiffuse="FFE5A00D">plugin.video.plexkodiconnect/buttons/shuffle-focus.png</texturefocus>
                    <texturenofocus colordiffuse="99FFFFFF">plugin.video.plexkodiconnect/buttons/shuffle.png</texturenofocus>
                    <label> </label>
                </control>
                <control type="button" id="303">
                    <animation effect="zoom" start="100" end="120" time="100" center="87,69.5" reversible="false">Focus</animation>
                    <animation effect="zoom" start="120" end="100" time="100" center="87,69.5" reversible="false">UnFocus</animation>
                    <hitrect x="40" y="40" w="94" h="59" />
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>174</width>
                    <height>139</height>
                    <font>font12</font>
                    <texturefocus colordiffuse="FFE5A00D">plugin.video.plexkodiconnect/buttons/more-focus.png</texturefocus>
                    <texturenofocus colordiffuse="99FFFFFF">plugin.video.plexkodiconnect/buttons/more.png</texturenofocus>
                    <label> </label>
                </control>
            </control>

            <control type="group" id="100">
                <visible>Integer.IsGreater(Container(101).NumItems,0) + String.IsEmpty(Window.Property(drawing))</visible>
                <defaultcontrol>101</defaultcontrol>
                <posx>750</posx>
                <posy>0</posy>
                <width>1170</width>
                <height>945</height>
                <control type="image">
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>1380</width>
                    <height>945</height>
                    <texture>plugin.video.plexkodiconnect/white-square.png</texture>
                    <colordiffuse>20000000</colordiffuse>
                </control>
                <control type="list" id="101">
                    <hitrect x="40" y="0" w="1090" h="945" />
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>1170</width>
                    <height>945</height>
                    <onup>200</onup>
                    <onright>152</onright>
                    <onleft>300</onleft>
                    <scrolltime>200</scrolltime>
                    <orientation>vertical</orientation>
                    <preloaditems>4</preloaditems>
                    <pagecontrol>152</pagecontrol>
                    <!-- ITEM LAYOUT ########################################## -->
                    <itemlayout height="76">
                        <control type="group">
                            <visible>String.IsEmpty(ListItem.Property(is.header))</visible>
                            <posx>120</posx>
                            <posy>24</posy>
                            <control type="label">
                                <visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                <posx>0</posx>
                                <posy>0</posy>
                                <width>50</width>
                                <height>76</height>
                                <font>font10</font>
                                <align>left</align>
                                <aligny>center</aligny>
                                <textcolor>D8FFFFFF</textcolor>
                                <label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
                            </control>
                            <control type="image">
                                <visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                <posx>0</posx>
                                <posy>21</posy>
                                <width>35</width>
                                <height>35</height>
                                <texture>plugin.video.plexkodiconnect/indicators/playing-circle.png</texture>
                                <colordiffuse>FFE5A00D</colordiffuse>
                            </control>
                            <control type="group">
                                <posx>90</posx>
                                <posy>0</posy>
                                <control type="label">
                                    <posx>0</posx>
                                    <posy>0</posy>
                                    <width>723</width>
                                    <height>76</height>
                                    <font>font10</font>
                                    <align>left</align>
                                    <aligny>center</aligny>
                                    <textcolor>FFFFFFFF</textcolor>
                                    <label>[B]$INFO[ListItem.Label][/B]</label>
                                </control>
                            </control>
                            <control type="label">
                                <posx>730</posx>
                                <posy>0</posy>
                                <width>200</width>
                                <height>76</height>
                                <font>font10</font>
                                <align>right</align>
                                <aligny>center</aligny>
                                <textcolor>D8FFFFFF</textcolor>
                                <label>[B]$INFO[ListItem.Property(track.duration)][/B]</label>
                            </control>
                            <control type="image">
                                <visible>String.IsEmpty(ListItem.Property(is.footer))</visible>
                                <posx>0</posx>
                                <posy>73</posy>
                                <width>930</width>
                                <height>2</height>
                                <texture>plugin.video.plexkodiconnect/white-square.png</texture>
                                <colordiffuse>40000000</colordiffuse>
                            </control>
                        </control>

                        <control type="label">
                            <visible>!String.IsEmpty(ListItem.Property(is.header))</visible>
                            <posx>120</posx>
                            <posy>24</posy>
                            <width>400</width>
                            <height>76</height>
                            <font>font10</font>
                            <align>left</align>
                            <aligny>center</aligny>
                            <textcolor>FFFFFFFF</textcolor>
                            <label>[B][UPPERCASE]$INFO[ListItem.Label][/UPPERCASE][/B]</label>
                        </control>

                    </itemlayout>

                    <!-- FOCUSED LAYOUT ####################################### -->
                    <focusedlayout height="76">
                        <control type="group">
                            <visible>String.IsEmpty(ListItem.Property(is.header))</visible>
                            <control type="group">
                                <visible>!Control.HasFocus(101)</visible>
                                <posx>120</posx>
                                <posy>24</posy>
                                <control type="label">
                                    <visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                    <posx>0</posx>
                                    <posy>0</posy>
                                    <width>50</width>
                                    <height>76</height>
                                    <font>font10</font>
                                    <align>left</align>
                                    <aligny>center</aligny>
                                    <textcolor>D8FFFFFF</textcolor>
                                    <label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
                                </control>
                                <control type="image">
                                    <visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                    <posx>0</posx>
                                    <posy>21</posy>
                                    <width>35</width>
                                    <height>35</height>
                                    <texture>plugin.video.plexkodiconnect/indicators/playing-circle.png</texture>
                                    <colordiffuse>FFE5A00D</colordiffuse>
                                </control>
                                <control type="group">
                                    <posx>90</posx>
                                    <posy>0</posy>
                                    <control type="label">
                                        <posx>0</posx>
                                        <posy>0</posy>
                                        <width>723</width>
                                        <height>76</height>
                                        <font>font10</font>
                                        <align>left</align>
                                        <aligny>center</aligny>
                                        <textcolor>FFFFFFFF</textcolor>
                                        <label>[B]$INFO[ListItem.Label][/B]</label>
                                    </control>
                                </control>
                                <control type="label">
                                    <posx>730</posx>
                                    <posy>0</posy>
                                    <width>200</width>
                                    <height>76</height>
                                    <font>font10</font>
                                    <align>right</align>
                                    <aligny>center</aligny>
                                    <textcolor>D8FFFFFF</textcolor>
                                    <label>[B]$INFO[ListItem.Property(track.duration)][/B]</label>
                                </control>
                                <control type="image">
                                    <visible>String.IsEmpty(ListItem.Property(is.footer))</visible>
                                    <posx>0</posx>
                                    <posy>73</posy>
                                    <width>930</width>
                                    <height>2</height>
                                    <texture>plugin.video.plexkodiconnect/white-square.png</texture>
                                    <colordiffuse>40000000</colordiffuse>
                                </control>
                            </control>

                            <control type="group">
                                <visible>Control.HasFocus(101)</visible>
                                <posx>63</posx>
                                <posy>21</posy>
                                <control type="image">
                                    <posx>-40</posx>
                                    <posy>-40</posy>
                                    <width>1130</width>
                                    <height>156</height>
                                    <texture border="40">plugin.video.plexkodiconnect/square-rounded-shadow.png</texture>
                                </control>
                                <control type="image">
                                    <posx>0</posx>
                                    <posy>0</posy>
                                    <width>1044</width>
                                    <height>76</height>
                                    <texture border="12">plugin.video.plexkodiconnect/white-square-rounded.png</texture>
                                    <colordiffuse>FFE5A00D</colordiffuse>
                                </control>
                                <control type="label">
                                    <visible>!StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                    <posx>48</posx>
                                    <posy>0</posy>
                                    <width>50</width>
                                    <height>76</height>
                                    <font>font12</font>
                                    <align>left</align>
                                    <aligny>center</aligny>
                                    <textcolor>B8000000</textcolor>
                                    <label>[B]$INFO[ListItem.Property(track.number)][/B]</label>
                                </control>
                                <control type="image">
                                    <visible>StringCompare(ListItem.Property(track.ID),Window(10000).Property(plugin.video.plexkodiconnect.track.ID))</visible>
                                    <posx>48</posx>
                                    <posy>21</posy>
                                    <width>35</width>
                                    <height>35</height>
                                    <texture>plugin.video.plexkodiconnect/indicators/playing-circle.png</texture>
                                    <colordiffuse>FF000000</colordiffuse>
                                </control>
                                <control type="group">
                                    <posx>140</posx>
                                    <posy>0</posy>
                                    <control type="label">
                                        <posx>0</posx>
                                        <posy>0</posy>
                                        <width>738</width>
                                        <height>76</height>
                                        <font>font12</font>
                                        <align>left</align>
                                        <aligny>center</aligny>
                                        <textcolor>DF000000</textcolor>
                                        <label>[B]$INFO[ListItem.Label][/B]</label>
                                    </control>
                                </control>
                                <control type="label">
                                    <posx>796</posx>
                                    <posy>0</posy>
                                    <width>200</width>
                                    <height>76</height>
                                    <font>font12</font>
                                    <align>right</align>
                                    <aligny>center</aligny>
                                    <textcolor>B8000000</textcolor>
                                    <label>[B]$INFO[ListItem.Property(track.duration)][/B]</label>
                                </control>
                            </control>
                        </control>

                        <control type="label">
                            <visible>!String.IsEmpty(ListItem.Property(is.header))</visible>
                            <posx>120</posx>
                            <posy>24</posy>
                            <width>400</width>
                            <height>76</height>
                            <font>font10</font>
                            <align>left</align>
                            <aligny>center</aligny>
                            <textcolor>FFFFFFFF</textcolor>
                            <label>[B][UPPERCASE]$INFO[ListItem.Label][/UPPERCASE][/B]</label>
                        </control>
                    </focusedlayout>
                </control>

                <control type="scrollbar" id="152">
                    <hitrect x="1088" y="33" w="110" h="874" />
                    <left>1128</left>
                    <top>33</top>
                    <width>10</width>
                    <height>874</height>
                    <onleft>101</onleft>
                    <visible>true</visible>
                    <texturesliderbackground colordiffuse="40000000" border="5">plugin.video.plexkodiconnect/white-square-rounded.png</texturesliderbackground>
                    <texturesliderbar colordiffuse="77FFFFFF" border="5">plugin.video.plexkodiconnect/white-square-rounded.png</texturesliderbar>
                    <texturesliderbarfocus colordiffuse="FFE5A00D" border="5">plugin.video.plexkodiconnect/white-square-rounded.png</texturesliderbarfocus>
                    <textureslidernib>-</textureslidernib>
                    <textureslidernibfocus>-</textureslidernibfocus>
                    <pulseonselect>false</pulseonselect>
                    <orientation>vertical</orientation>
                    <showonepage>false</showonepage>
                    <onleft>151</onleft>
                </control>
            </control>
        </control>


        <control type="group" id="200">
            <defaultcontrol always="true">201</defaultcontrol>
            <posx>0</posx>
            <posy>0</posy>
            <width>1920</width>
            <height>135</height>
            <control type="image">
                <visible>ControlGroup(200).HasFocus(0) + false</visible>
                <posx>0</posx>
                <posy>0</posy>
                <width>1920</width>
                <height>135</height>
                <texture>plugin.video.plexkodiconnect/white-square.png</texture>
                <colordiffuse>C0000000</colordiffuse>
            </control>
            <control type="grouplist">
                <posx>60</posx>
                <posy>47.5</posy>
                <width>1000</width>
                <height>40</height>
                <align>left</align>
                <itemgap>60</itemgap>
                <orientation>horizontal</orientation>
                <ondown>50</ondown>
                <control type="group">
                    <width>40</width>
                    <height>40</height>
                    <control type="button" id="201">
                        <animation effect="zoom" start="100" end="177" time="100" center="20,20" reversible="false">Focus</animation>
                        <animation effect="zoom" start="177" end="100" time="100" center="20,20" reversible="false">UnFocus</animation>
                        <width>40</width>
                        <height>40</height>
                        <onright>202</onright>
                        <ondown>50</ondown>
                        <font>font12</font>
                        <focusedcolor>FF000000</focusedcolor>
                        <texturefocus colordiffuse="FFE5A00D">plugin.video.plexkodiconnect/buttons/home-focus.png</texturefocus>
                        <texturenofocus colordiffuse="99FFFFFF">plugin.video.plexkodiconnect/buttons/home.png</texturenofocus>
                        <label> </label>
                    </control>
                </control>
                <!-- <control type="label">
                    <width max="500">auto</width>
                    <height>40</height>
                    <font>font12</font>
                    <align>left</align>
                    <aligny>center</aligny>
                    <textcolor>FFFFFFFF</textcolor>
                    <label>[UPPERCASE]MUSIC[/UPPERCASE]</label>
                </control> -->
                <control type="group">
                    <width>40</width>
                    <height>40</height>
                    <control type="button" id="202">
                        <animation effect="zoom" start="100" end="177" time="100" center="20,20" reversible="false">Focus</animation>
                        <animation effect="zoom" start="177" end="100" time="100" center="20,20" reversible="false">UnFocus</animation>
                        <width>40</width>
                        <height>40</height>
                        <onright>204</onright>
                        <onleft>201</onleft>
                        <ondown>50</ondown>
                        <font>font12</font>
                        <focusedcolor>FF000000</focusedcolor>
                        <texturefocus colordiffuse="FFE5A00D">plugin.video.plexkodiconnect/buttons/search-focus.png</texturefocus>
                        <texturenofocus colordiffuse="99FFFFFF">plugin.video.plexkodiconnect/buttons/search.png</texturenofocus>
                        <label> </label>
                    </control>
                </control>
            </control>
            <control type="group">
                <visible>Player.HasAudio</visible>
                <posx>438</posx>
                <posy>0</posy>
                <control type="button" id="204">
                    <visible>Player.HasAudio</visible>
                    <posx>-10</posx>
                    <posy>38</posy>
                    <width>260</width>
                    <height>75</height>
                    <onleft>202</onleft>
                    <ondown>50</ondown>
                    <font>font12</font>
                    <textcolor>FFFFFFFF</textcolor>
                    <focusedcolor>FF000000</focusedcolor>
                    <align>right</align>
                    <aligny>center</aligny>
                    <texturefocus colordiffuse="FFE5A00D" border="10">plugin.video.plexkodiconnect/white-square-rounded.png</texturefocus>
                    <texturenofocus>-</texturenofocus>
                    <textoffsetx>100</textoffsetx>
                    <textoffsety>0</textoffsety>
                    <label> </label>
                </control>
                <control type="image">
                    <posx>0</posx>
                    <posy>48</posy>
                    <width>42</width>
                    <height>42</height>
                    <texture>$INFO[Player.Art(thumb)]</texture>
                </control>

                <control type="group">
                    <visible>!Control.HasFocus(204)</visible>
                    <control type="label">
                        <posx>53</posx>
                        <posy>48</posy>
                        <width>187</width>
                        <height>20</height>
                        <font>font10</font>
                        <align>left</align>
                        <aligny>center</aligny>
                        <textcolor>FFFFFFFF</textcolor>
                        <info>MusicPlayer.Artist</info>
                    </control>
                    <control type="label">
                        <posx>53</posx>
                        <posy>72</posy>
                        <width>187</width>
                        <height>20</height>
                        <font>font10</font>
                        <align>left</align>
                        <aligny>center</aligny>
                        <textcolor>FFFFFFFF</textcolor>
                        <info>MusicPlayer.Title</info>
                    </control>
                </control>
                <control type="group">
                    <visible>Control.HasFocus(204)</visible>
                    <control type="label">
                        <posx>53</posx>
                        <posy>48</posy>
                        <width>187</width>
                        <height>20</height>
                        <font>font10</font>
                        <align>left</align>
                        <aligny>center</aligny>
                        <textcolor>FF000000</textcolor>
                        <info>MusicPlayer.Artist</info>
                    </control>
                    <control type="label">
                        <posx>53</posx>
                        <posy>72</posy>
                        <width>187</width>
                        <height>20</height>
                        <font>font10</font>
                        <align>left</align>
                        <aligny>center</aligny>
                        <textcolor>FF000000</textcolor>
                        <info>MusicPlayer.Title</info>
                    </control>
                </control>

                <control type="progress">
                    <description>Progressbar</description>
                    <posx>0</posx>
                    <posy>102</posy>
                    <width>240</width>
                    <height>1</height>
                    <texturebg colordiffuse="9AFFFFFF">plugin.video.plexkodiconnect/white-square-1px.png</texturebg>
                    <lefttexture>-</lefttexture>
                    <midtexture colordiffuse="FFCC7B19">plugin.video.plexkodiconnect/white-square-1px.png</midtexture>
                    <righttexture>-</righttexture>
                    <overlaytexture>-</overlaytexture>
                    <info>Player.Progress</info>
                </control>
            </control>
            <control type="label">
                <right>213</right>
                <posy>35</posy>
                <width>200</width>
                <height>65</height>
                <font>font12</font>
                <align>right</align>
                <aligny>center</aligny>
                <textcolor>FFFFFFFF</textcolor>
                <label>$INFO[System.Time]</label>
            </control>
            <control type="image">
                <posx>153r</posx>
                <posy>54</posy>
                <width>93</width>
                <height>30</height>
                <texture>plugin.video.plexkodiconnect/home/plex.png</texture>
            </control>
        </control>

        <control type="group">
            <visible>!String.IsEmpty(Window.Property(search.dialog))</visible>
            <control type="group" >
                <visible>!String.IsEmpty(Window.Property(search.dialog.hasresults))</visible>
                <control type="image">
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>1920</width>
                    <height>1080</height>
                    <texture>plugin.video.plexkodiconnect/home/background-fallback.png</texture>
                </control>
                <control type="image">
                    <posx>0</posx>
                    <posy>0</posy>
                    <width>1920</width>
                    <height>1080</height>
                    <texture background="true">$INFO[Window.Property(background)]</texture>
                </control>
            </control>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>1920</width>
                <height>1080</height>
                <texture colordiffuse="99606060">plugin.video.plexkodiconnect/white-square.png</texture>
            </control>
        </control>

    </controls>
</window>
