<?xml version="1.0"?>
<includes>
	<!-- Common -->
	<include name="MusicThumbCard">
		<control type="image">
			<posx>13</posx>
			<posy>173</posy>
			<width>166</width>
			<height>36</height>
			<include>Card</include>
			<animation effect="fade" start="0" end="40" time="0" condition="true">Conditional</animation>
		</control>
	</include>
	<include name="MusicSelectedBorder">
		<control type="image">
			<posx>12</posx>
			<posy>12</posy>
			<width>168</width>
			<height>168</height>
			<include>Border</include>
		</control>
	</include>
	<include name="MusicThumb">
		<control type="image">
			<posx>0</posx>
			<posy>0</posy>
			<width>192</width>
			<height>192</height>
			<include>Shadow</include>
		</control>
		<control type="image">
			<description>Poster image</description>
			<posx>13</posx>
			<posy>13</posy>
			<width>166</width>
			<height>166</height>
			<texture background="true">default-square-small.png</texture>
		</control>
		<control type="image">
			<description>Poster image</description>
			<posx>13</posx>
			<posy>13</posy>
			<width>166</width>
			<height>166</height>
			<texture background="true" diffuse="mask-square.png">$INFO[ListItem.Art(smallThumb)]</texture>
			<aspectratio scalediffuse="false" align="center" aligny="top">scale</aspectratio>
		</control>
	</include>
	<include name="MusicLabel">
		<posy>185</posy>
		<posx>96</posx>
		<width>150</width>
		<height>20</height>
		<align>center</align>
		<aligny>center</aligny>
		<label>$INFO[ListItem.Label]</label>
		<font>Regular-14</font>
		<shadowcolor>ff222222</shadowcolor>
	</include>
	<!-- bg's -->
	<include name="MusicPlotBG">
		<control type="group">
			<animation effect="fade" start="0" end="50" time="0" condition="true">Conditional</animation>
			<control type="image">
				<posy>390</posy>
				<posx>127</posx>
				<width>664</width>
				<height>304</height>
				<include>Black</include>
			</control>
			<control type="image">
				<posx>791</posx>
				<posy>527</posy>
				<texture>arrow-big.png</texture>
				<colordiffuse>FF000000</colordiffuse>
			</control>
		</control>
	</include>
	<include name="MusicRightBG">
		<control type="group">
			<animation effect="fade" start="0" end="20" time="0" condition="true">Conditional</animation>
			<control type="image">
				<posy>28</posy>
				<posx>791</posx>
				<include>WhiteArrowInsertLeft</include>
			</control>
		</control>
	</include>
	<!-- Library -->
	<include name="LibraryMusic">
		<control type="group">
			<visible>!Container.Content(addons) + !Container.Content(plugins) + !Container.PlexContent(Channel)</visible>
			<include>FadeDialog</include>
			<include>rightSideSlide</include>
			<!-- Library -->
			<control type="group" id="777">
				<control type="panel" id="52">
					<viewtype label="MusicLibrary">panel</viewtype>
					<visible>[[Container.PlexContent(Albums) + [Container.PlexFilter(Albums) | Container.PlexFilter(recentlyAdded)]] | [Container.PlexContent(Artists) + Container.PlexFilter(All)]] + !Container.PlexContent(Songs) + !Container.Content(addons) + !Container.Content(plugins) + !Container.PlexContent(Channel)</visible>
					<posy>28</posy>
					<posx>100</posx>
					<width>1200</width>
					<height>660</height>
					<onup>52</onup>
					<ondown>52</ondown>
					<onright>Container.NextViewMode</onright>
					<onleft>998</onleft>
					<orientation>vertical</orientation>
					<itemlayout width="192" height="220">
						<include>MusicThumbCard</include>
						<include>MusicThumb</include>
						<control type="label">
							<include>MusicLabel</include>
							<textcolor>white</textcolor>
						</control>
					</itemlayout>
					<focusedlayout width="192" height="220">
						<include>MusicThumbCard</include>
						<include>MusicThumb</include>
						<control type="label">
							<include>MusicLabel</include>
							<textcolor>orangeLight</textcolor>
						</control>
						<include>MusicSelectedBorder</include>
					</focusedlayout>
				</control>
			</control>
			<!-- Artist Albums -->
			<control type="group" id="777">
				<posx>-54</posx>
				<posy>-34</posy>
				<visible>[Container.PlexContent(Albums) + !Container.PlexFilter(Albums)] + !Container.Content(addons) + !Container.Content(plugins) + !Container.PlexContent(Secondary) + IsEmpty(Container.Property(mixedParents)) + Control.IsVisible(53)</visible>
				<animation effect="slide" start="0" end="297" time="500" condition="Control.HasFocus(3)">Conditional</animation>
				<!-- backgrounds & plot -->
				<control type="group">
					<!-- backgrounds -->
					<control type="group">
						<include>MusicPlotBG</include>
						<include>MusicRightBG</include>
						<visible>Control.IsVisible(53)</visible>
						<!-- artist thumb -->
						<control type="group">
							<posx>155</posx>
							<posy>62</posy>
							<control type="image">
								<posx>0</posx>
								<posy>0</posy>
								<width>300</width>
								<height>300</height>
								<include>Shadow</include>
							</control>
							<control type="image">
								<description>Poster image</description>
								<posx>13</posx>
								<posy>13</posy>
								<width>274</width>
								<height>274</height>
								<texture background="true" diffuse="mask-square.png">$INFO[ListItem.Property(fanart_image)]</texture>
								<aspectratio scalediffuse="false" align="center" aligny="top">scale</aspectratio>
							</control>
							<control type="image">
								<description>Poster image</description>
								<posx>13</posx>
								<posy>13</posy>
								<width>274</width>
								<height>274</height>
								<texture background="true" diffuse="mask-square.png">$INFO[Container.FolderThumb]</texture>
								<aspectratio scalediffuse="false" align="center" aligny="top">scale</aspectratio>
							</control>
						</control>
						<!-- plot text -->
						<control type="textbox">
							<posx>169</posx>
							<posy>420</posy>
							<width>596</width>
							<height>246</height>
							<include>PlotFormat</include>
							<label>$INFO[Container.Property(summary)]</label>
						</control>
						<control type="textbox">
							<posx>169</posx>
							<posy>420</posy>
							<width>596</width>
							<height>246</height>
							<include>PlotFormat</include>
							<include>NoPlotDefault</include>
							<visible>IsEmpty(Container.Property(summary))</visible>
						</control>
					</control>
				</control>
				<!-- Infos Left -->
				<control type="group">
					<posy>70</posy>
					<posx>468</posx>
					<!-- Title -->
					<control type="label">
						<width>296</width>
						<height>40</height>
						<label>$INFO[Container.SecondTitle]</label>
						<font>Bold-36</font>
						<include>WhiteShadow</include>
						<visible>true</visible>
					</control>
					<!-- Genre -->
					<!--><control type="grouplist">
						<posy>63</posy>
						<orientation>horizontal</orientation>
						<itemgap>10</itemgap>
						<control type="label">
							<width min="29" max="200">auto</width>
							<height>15</height>
							<label>[UPPERCASE]$LOCALIZE[31131][/UPPERCASE]</label>
							<font>Regular-18</font>
							<include>Grey1</include>
							<visible>true</visible>
						</control>
						<control type="label">
							<width min="29" max="600">auto</width>
							<height>15</height>
							<label>$INFO[Container.Genre]</label>
							<font>Regular-18</font>
							<include>WhiteShadow</include>
							<visible>true</visible>
						</control>
					</control>-->
					<!-- Count -->
					<control type="grouplist">
						<posy>63</posy>
						<orientation>horizontal</orientation>
						<itemgap>10</itemgap>
						<control type="label">
							<width min="29" max="296">auto</width>
							<height>20</height>
							<label>$VAR[TopBarItemCountStrings]</label>
							<font>Regular-18</font>
							<include>White2</include>
							<visible>true</visible>
						</control>
					</control>
					<!-- Members -->
					<!--><control type="grouplist">
						<posy>121</posy>
						<orientation>horizontal</orientation>
						<itemgap>10</itemgap>
						<control type="label">
							<width min="29" max="100">auto</width>
							<height>15</height>
							<label>[UPPERCASE]Members[/UPPERCASE]</label>
							<font>Regular-18</font>
							<include>Grey1</include>
							<shadowcolor>ff333333</shadowcolor>
							<visible>true</visible>
						</control>
						<control type="label">
							<width min="29" max="330">auto</width>
							<height>15</height>
							<label>Band members</label>
							<font>Regular-18</font>
							<include>White2</include>
							<visible>true</visible>
						</control>
					</control>-->
				</control>
				<!-- list -->
				<control type="panel" id="53">
					<visible>[Container.PlexContent(Albums) + !Container.PlexFilter(Albums)] + !Container.Content(addons) + !Container.Content(plugins) + !Container.PlexContent(Secondary) + IsEmpty(Container.Property(mixedParents))</visible>
					<viewtype label="MusicLibraryAlbums">panel</viewtype>
					<onup>53</onup>
					<ondown>53</ondown>
					<onright>Container.NextViewMode</onright>
					<onleft>998</onleft>
					<orientation>vertical</orientation>
					<posx>850</posx>
					<posy>60</posy>
					<width>480</width>
					<height>670</height>
					<itemlayout width="235" height="223">
						<include>MusicThumbCard</include>
						<include>MusicThumb</include>
						<control type="label">
							<include>MusicLabel</include>
							<textcolor>white</textcolor>
						</control>
					</itemlayout>
					<focusedlayout width="235" height="223">
						<include>MusicThumbCard</include>
						<include>MusicThumb</include>
						<control type="label">
							<include>MusicLabel</include>
							<textcolor>orangeLight</textcolor>
						</control>
						<include>MusicSelectedBorder</include>
					</focusedlayout>
				</control>
			</control>
			<!-- Album Tracks -->
			<control type="group" id="777">
				<posx>-54</posx>
				<posy>-34</posy>
				<visible>Container.PlexContent(Songs) + !Container.Content(addons) + !Container.Content(plugins) + !Container.PlexContent(Secondary)</visible>
				<animation effect="slide" start="0" end="297" time="500" condition="Control.HasFocus(3)">Conditional</animation>
				<!-- backgrounds & plot -->
				<control type="group">
					<visible>Control.IsVisible(54)</visible>
					<!-- backgrounds -->
					<control type="group">
						<include>MusicPlotBG</include>
						<include>MusicRightBG</include>
					</control>
					<!-- artist thumb -->
					<control type="group">
						<posx>155</posx>
						<posy>62</posy>
						<control type="image">
							<posx>0</posx>
							<posy>0</posy>
							<width>300</width>
							<height>300</height>
							<include>Shadow</include>
						</control>
						<control type="image">
							<description>Poster image</description>
							<posx>13</posx>
							<posy>13</posy>
							<width>274</width>
							<height>274</height>
							<texture background="true" diffuse="mask-square.png">$INFO[ListItem.Art(thumb)]</texture>
							<aspectratio scalediffuse="false" align="center" aligny="top">scale</aspectratio>
						</control>
						<!-- show fanart if track has no thumb -->
						<control type="image">
							<description>Poster image</description>
							<posx>13</posx>
							<posy>13</posy>
							<width>274</width>
							<height>274</height>
							<texture background="true" diffuse="mask-square.png">$INFO[ListItem.Property(Fanart_Image)]</texture>
							<aspectratio scalediffuse="false" align="center" aligny="top">scale</aspectratio>
							<visible>IsEmpty(ListItem.Art(thumb))</visible>
						</control>
					</control>
					<!-- plot text -->
					<control type="textbox">
						<posx>169</posx>
						<posy>412</posy>
						<width>596</width>
						<height>246</height>
						<include>PlotFormat</include>
						<label>$INFO[Container.Property(summary)]</label>
					</control>
					<control type="textbox">
						<posx>169</posx>
						<posy>420</posy>
						<width>596</width>
						<height>246</height>
						<include>PlotFormat</include>
						<include>NoPlotDefault</include>
						<visible>IsEmpty(Container.Property(summary))</visible>
					</control>
				</control>
				<!-- Infos Left -->
				<control type="group">
					<visible>Control.IsVisible(54)</visible>
					<posy>70</posy>
					<posx>468</posx>
					<!-- Titles -->
					<control type="label">
						<width>296</width>
						<height>40</height>
						<label>$INFO[ListItem.Artist]</label>
						<font>Bold-36</font>
						<include>WhiteShadow</include>
						<visible>true</visible>
					</control>
					<control type="label">
						<posy>40</posy>
						<width>296</width>
						<height>40</height>
						<label>$INFO[ListItem.Album]</label>
						<font>Bold-36</font>
						<include>Grey1</include>
						<visible>true</visible>
					</control>
					<!-- Genre -->
					<!--><control type="grouplist">
						<posy>93</posy>
						<orientation>horizontal</orientation>
						<itemgap>10</itemgap>
						<control type="label">
							<width min="29" max="200">auto</width>
							<height>15</height>
							<label>[UPPERCASE]$LOCALIZE[31131][/UPPERCASE]</label>
							<font>Regular-18</font>
							<include>Grey1</include>
							<shadowcolor>ff333333</shadowcolor>
							<visible>true</visible>
						</control>
						<control type="label">
							<width min="29" max="600">auto</width>
							<height>15</height>
							<label>$INFO[ListItem.Property(Genre)]</label>
							<font>Regular-18</font>
							<include>WhiteShadow</include>
							<visible>true</visible>
						</control>
					</control>-->
					<!-- Count -->
					<control type="grouplist">
						<posy>93</posy>
						<orientation>horizontal</orientation>
						<itemgap>10</itemgap>
						<control type="label">
							<width min="29" max="296">auto</width>
							<height>20</height>
							<label>$VAR[TopBarItemCountStrings]</label>
							<font>Regular-18</font>
							<include>WhiteShadow</include>
							<visible>true</visible>
						</control>
					</control>
					<!-- Unavailable indicator -->
					<include>UnavailableIndicator</include>
				</control>
				<!-- list -->
				<control type="list" id="54">
					<visible>Container.PlexContent(Songs)</visible>
					<viewtype label="MusicLibraryAlbumTracks">list</viewtype>
					<posx>794</posx>
					<posy>55</posy>
					<width>520</width>
					<height>650</height>
					<scrolltime>200</scrolltime>
					<pagecontrol>61</pagecontrol>
					<onleft>998</onleft>
					<onright>Container.NextViewMode</onright>
					<onup>54</onup>
					<ondown>54</ondown>
					<itemlayout height="49" width="520">
						<control type="image">
							<posx>20</posx>
							<posy>0</posy>
							<width>600</width>
							<height>50</height>
							<texture>border-bottom-grey.png</texture>
						</control>
						<control type="label">
							<posx>35</posx>
							<width>434</width>
							<height>50</height>
							<align>left</align>
							<aligny>center</aligny>
							<label>$INFO[ListItem.Label]</label>
							<font>Regular-17</font>
							<include>White2</include>
						</control>
						<control type="label">
							<posx>505</posx>
							<width>120</width>
							<height>50</height>
							<align>right</align>
							<aligny>center</aligny>
							<label>$INFO[ListItem.DurationStr]</label>
							<font>Regular-17</font>
							<include>White2</include>
						</control>						
						<control type="image">
							<posx>417</posx>
							<posy>18</posy>
							<width>30</width>
							<height>12</height>
							<texture>icon-music-video.png</texture>
							<aspectratio>keep</aspectratio>
							<visible>ListItem.Property(primaryExtraKey)</visible>
						</control>
					</itemlayout>
					<focusedlayout height="49" width="520">
						<control type="image">
							<posx>20</posx>
							<posy>0</posy>
							<width>565</width>
							<height>50</height>
							<texture aspectratio="stretch">black.png</texture>
							<animation effect="slide" start="0,-42" end="0,0" time="200" reversible="false" tween="quadratic" easing="out" condition="Container.OnNext">focus</animation>
							<animation effect="slide" start="0,42" end="0,0" time="200" reversible="false" tween="quadratic" easing="out" condition="Container.OnPrevious">focus</animation>
						</control>
						<control type="label">
							<posx>35</posx>
							<width>434</width>
							<height>50</height>
							<align>left</align>
							<aligny>center</aligny>
							<label>$INFO[ListItem.Label]</label>
							<font>Bold-17</font>
							<scroll>true</scroll>
							<animation effect="fade" start="0" end="100" time="100" delay="50" reversible="false" condition="Container.OnNext">Focus</animation>
							<animation effect="fade" start="0" end="100" time="100" delay="50" reversible="false" condition="Container.OnPrevious">Focus</animation>
							<textcolor>orangeLight</textcolor>
						</control>
						<control type="label">
							<posx>505</posx>
							<width>120</width>
							<height>50</height>
							<align>right</align>
							<aligny>center</aligny>
							<label>$INFO[ListItem.DurationStr]</label>
							<font>Bold-17</font>
							<textcolor>orangeLight</textcolor>
							<animation effect="fade" start="0" end="100" time="100" delay="50" reversible="false" condition="Container.OnNext">Focus</animation>
							<animation effect="fade" start="0" end="100" time="100" delay="50" reversible="false" condition="Container.OnPrevious">Focus</animation>
						</control>						
						<control type="image">
							<posx>417</posx>
							<posy>18</posy>
							<width>30</width>
							<height>12</height>
							<texture>icon-music-video.png</texture>
							<aspectratio>keep</aspectratio>
							<colordiffuse>orangeLight</colordiffuse>
							<visible>ListItem.Property(primaryExtraKey)</visible>
						</control>
					</focusedlayout>
				</control>
			</control>
			<!-- Music Extras -->
			<control type="group">
				<!-- extras bg's -->
				<control type="group">
					<posy>0</posy>
					<posx>-224</posx>
					<animation effect="slide" start="0" end="297" time="500" condition="Control.HasFocus(3)">Conditional</animation>
					<control type="image">
						<posy>0</posy>
						<width>297</width>
						<height>720</height>
						<texture border="10">black.png</texture>
						<animation effect="fade" start="0" end="50" time="0" condition="true">Conditional</animation>
					</control>
				</control>
				<!-- extras -->
				<include>leftMenuBg</include>
				<control type="group">
					<animation effect="slide" start="0" end="297" time="500" condition="Control.HasFocus(3)">Conditional</animation>
					<posx>-224</posx>
					<control type="group">
						<posx>0</posx>
						<posy>20</posy>
						<control type="label">
							<posx>36</posx>
							<posy>40</posy>
							<label>$LOCALIZE[41008] ($INFO[Container(3).NumItems])</label>
							<font>Bold-36</font>
							<include>WhiteShadow</include>
						</control>
						<control type="group">
							<posy>68</posy>
							<posx>26</posx>
							<control type="list" id="3">
								<width>260</width>
								<height>600</height>
								<onleft>998</onleft>
								<onright>998</onright>
								<onup>3</onup>
								<ondown>3</ondown>
								<pagecontrol>61</pagecontrol>
								<scrolltime>200</scrolltime>
								<itemlayout height="200">
									<include>ExtraThumb</include>
									<include>ExtraThumbCard</include>
									<control type="label">
										<include>ExtraTypeTitle</include>
									</control>
									<control type="label">
										<include>ExtraTitle</include>
									</control>
									<include>ExtraSecondTitle</include>
								</itemlayout>
								<focusedlayout height="200">
									<include>ExtraThumb</include>
									<include>ExtraThumbCard</include>
									<!--><include>ExtraIconPlay</include>-->
									<control type="label">
										<include>ExtraTypeTitle</include>
										<textcolor>orangeLight</textcolor>
									</control>
									<control type="label">
										<include>ExtraTitle</include>
										<textcolor>orangeLight</textcolor>
									</control>
									<include>ExtraSecondTitle</include>
									<include>ExtraThumbSelectedBorder</include>
								</focusedlayout>
							</control>
							<control type="scrollbar" id="61">
								<description>Scroll Bar</description>
								<posy>3</posy>
								<posx>250</posx>
								<width>20</width>
								<height>584</height>
								<animation effect="fade" start="0" end="100" time="500" condition="true" delay="500">WindowOpen</animation>
							</control>
						</control>
					</control>
				</control>
			</control>
		</control>
	</include>
</includes>
