skin.pellucid/1080i/View_Albums.xml

<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!--Album browser-->
    <include name="musicalbum">
        <control type="group" id="9125">
			<visible>$EXP[isMusicAlbum] + !$EXP[isMusicArtistCatalogue]</visible>
			<animation type="Conditional" condition="!controlgroup(9125).hasfocus">
                <effect type="slide" start="0,0" end="0,-200" time="200"/>
				<effect type="fade" start="100" end="0" time="200"/>
            </animation>
			<animation type="Conditional" condition="controlgroup(9125).hasfocus">
				<effect type="slide" start="0,-200" end="0,0" time="200" delay="300"/>
                <effect type="fade" start="0" end="100" time="300" delay="350"/>
            </animation>
			<control type="image">
	            <posx>0</posx>
		        <posy>0</posy>
		        <width>fullscreenWidth</width>
		        <height>738</height>
	            <texture fallback="colors/black.png">$INFO[container(9998).listitem.art(fanart)]</texture>
	            <colordiffuse>FF333333</colordiffuse>
	            <aspectratio>scale</aspectratio>
	        </control>
			<control type="image">
                <posx>0</posx>
                <posy>738</posy>
                <width>fullscreenWidth</width>
                <height>6</height>
                <aspectratio scalediffuse="false">stretch</aspectratio>
                <texture border="0">colors/white.png</texture>
                <colordiffuse>highlight</colordiffuse>
            </control>
			<!--quick link selector-->
			<control type="list" id="9123">
                <posx>col-1-begin</posx>
                <posy>180</posy>
                <width>24-col</width>
                <height>2-row</height>
                <onleft>9000</onleft>
                <ondown>9998</ondown>
                <onback>9000</onback>
                <orientation>horizontal</orientation>
                <itemlayout width="246" height="2-row">
                    <control type="label">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>246</width>
                        <height>2-row</height>
                        <font>menuTitle</font>
                        <aligny>center</aligny>
                        <textcolor>textDisabled</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.property(textTitle)]</label>
                    </control>
                </itemlayout>
                <focusedlayout width="246" height="2-row">
                    <control type="label">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>246</width>
                        <height>2-row</height>
                        <font>menuTitle</font>
                        <aligny>center</aligny>
                        <textcolor>textActive</textcolor>
                        <shadowcolor></shadowcolor>
                        <label>$INFO[ListItem.property(textTitle)]</label>
						<animation type="conditional" condition="control.hasfocus(9123)" loop="true">
                            <effect type="fade" start="100" end="50" time="1000"/>
                        </animation>
                    </control>
                </focusedlayout>
                <content>
                    <item>
                        <label>special://skin/extras/playlists/recentAlbums.xsp</label>
                        <property name="textTitle">31180</property>
                    </item>
                    <item>
                        <label>special://skin/extras/playlists/topAlbums.xsp</label>
                        <property name="textTitle">31187</property>
                    </item>
                    <item>
                        <label>special://skin/extras/playlists/randomAlbums.xsp</label>
                        <property name="textTitle">31181</property>
                    </item>
                </content>
            </control>
			<!--quick links-->			
			<control type="panel" id="9998">
                <posx>90</posx>
                <posy>288</posy>
                <width>24-col</width>
                <height>11-row</height>
				<onup>9123</onup>
                <ondown>50</ondown>
                <onleft>9000</onleft>
                <onback>9000</onback>
                <orientation>horizontal</orientation>
                <onclick>activatewindow(music,musicdb://albums/$INFO[listitem.DBID]/,return)</onclick>
                <onclick>Control.SetFocus(50)</onclick>
                <itemlayout width="348" height="5-col-gutter">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>5-col-gutter</width>
                        <height>5-col-gutter</height>
                        <aspectratio>stretch</aspectratio>
                        <texture>colors/black.png</texture>
                        <bordertexture colordiffuse="overlay">colors/black.png</bordertexture>
                        <bordersize>6</bordersize>
                        <colordiffuse>overlay</colordiffuse>
                    </control>
					<control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>5-col-gutter</width>
                        <height>5-col-gutter</height>
                        <aspectratio>stretch</aspectratio>
                        <texture>$INFO[ListItem.Art(thumb)]</texture>
                        <bordersize>6</bordersize>
                        <colordiffuse>ffffffff</colordiffuse>
                    </control>
                    <control type="label">
                        <visible>!controlgroup(9000).hasfocus</visible>
                        <posx>12</posx>
                        <posy>330</posy>
                        <width>312</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>thumbTitle</font>
                        <textcolor>textActive</textcolor>
                        <label>[B]$INFO[ListItem.Title][/B][CR][COLOR textDisabled]$INFO[ListItem.artist][/COLOR] $INFO[listitem.year]</label>
                    </control>      
                </itemlayout>
                <focusedlayout width="348" height="5-col-gutter">
                    <control type="group">
                        <include>focusThumb</include>
                        <control type="image">
                            <posx>0</posx>
                            <posy>0</posy>
                            <width>5-col-gutter</width>
                            <height>5-col-gutter</height>
                            <aspectratio>stretch</aspectratio>
                            <texture>colors/black.png</texture>
                            <bordertexture colordiffuse="ffFFFFFF">colors/white.png</bordertexture>
                            <bordersize>6</bordersize>
                            <colordiffuse>FF000000</colordiffuse>
                        </control>
						<control type="image">
                            <posx>0</posx>
                            <posy>0</posy>
                            <width>5-col-gutter</width>
                            <height>5-col-gutter</height>
                            <aspectratio>stretch</aspectratio>
                            <texture>$INFO[ListItem.Art(thumb)]</texture>
                            <bordersize>6</bordersize>
                            <colordiffuse>ffffffff</colordiffuse>
                        </control>
                        <control type="label">
	                        <visible>!controlgroup(9000).hasfocus</visible>
	                        <posx>12</posx>
	                        <posy>330</posy>
	                        <width>312</width>
	                        <height>2-row</height>
	                        <aligny>center</aligny>
	                        <font>thumbTitle</font>
	                        <textcolor>textActive</textcolor>
	                        <label>[B]$INFO[ListItem.Title][/B][CR][COLOR textDisabled]$INFO[ListItem.artist][/COLOR] $INFO[listitem.year]</label>
	                    </control>
                    </control>
                </focusedlayout>
				<content>$INFO[control.getlabel(9123)]</content>
            </control>
		</control>
		<!--all albums-->
		<control type="group" id="9124">
			<animation type="Conditional" condition="controlgroup(9124).hasfocus | controlgroup(8000).hasfocus | controlgroup(9000).hasfocus">
                <effect type="slide" start="0,0" end="0,-576" tween="sine" time="400"/>
            </animation>
			<control type="label">
                <visible>!controlgroup(9000).hasfocus + $EXP[isMusicAlbum] + !$EXP[isMusicArtistCatalogue]</visible>
                <posx>col-1-begin</posx>
                <posy>760</posy>
                <width>12-col</width>
                <height>2-row</height>
                <aligny>center</aligny>
                <font>menuTitle</font>
                <textcolor>textActive</textcolor>
                <label>$LOCALIZE[31223]</label>
            </control>
            <control type="panel" id="54">
                <visible>$EXP[isMusicAlbum]</visible>
                <posx>col-1-begin</posx>
                <posy>864</posy>
                <width>1800</width>
                <height>23-row</height>
                <onleft>9000</onleft>
                <onright>60</onright>
                <ondown>50</ondown>
                <onup>9998</onup>
                <onback>9998</onback>
                <pagecontrol>60</pagecontrol>
                <scrolltime tween="cubic" easing="out">600</scrolltime>
                <itemlayout width="293" height="348">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>4-col-gutter</width>
                        <height>4-col-gutter</height>
                        <aspectratio>stretch</aspectratio>
                        <texture>colors/black.png</texture>
                        <bordertexture colordiffuse="overlay">colors/black.png</bordertexture>
                        <bordersize>6</bordersize>
                        <colordiffuse>overlay</colordiffuse>
                    </control>
					<control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>4-col-gutter</width>
                        <height>4-col-gutter</height>
                        <aspectratio>stretch</aspectratio>
                        <texture>$INFO[ListItem.Art(thumb)]</texture>
                        <bordersize>6</bordersize>
                        <colordiffuse>77ffffff</colordiffuse>
                    </control>
                    <control type="textbox">
                        <visible>String.IsEmpty(listitem.title)</visible>
                        <posx>24</posx>
                        <posy>3-row</posy>
                        <width>228</width>
                        <height>6-row</height>
                        <font>largeTitle</font>
						<wrapmultiline>true</wrapmultiline>
                        <textcolor>textActive</textcolor>
                        <label>$INFO[ListItem.label]</label>
                    </control>
                    <control type="label">
                        <visible>!controlgroup(9000).hasfocus</visible>
                        <posx>12</posx>
                        <posy>258</posy>
                        <width>240</width>
                        <height>2-row</height>
                        <aligny>center</aligny>
                        <font>thumbTitle</font>
                        <textcolor>textActive</textcolor>
                        <label>[B]$INFO[ListItem.Title][/B][CR][COLOR textDisabled]$INFO[ListItem.artist][/COLOR] $INFO[listitem.year]</label>
                    </control>
                </itemlayout>
                <focusedlayout width="4-col" height="348">
                    <control type="group">
                        <include>focusThumb</include>
                        <control type="image">
	                        <posx>0</posx>
	                        <posy>0</posy>
	                        <width>4-col-gutter</width>
	                        <height>4-col-gutter</height>
	                        <aspectratio>stretch</aspectratio>
	                        <texture>colors/black.png</texture>
	                        <bordertexture colordiffuse="FFFFFFFF">colors/white.png</bordertexture>
	                        <bordersize>6</bordersize>
	                        <colordiffuse>FF000000</colordiffuse>
	                    </control>
						<control type="image">
                            <posx>0</posx>
                            <posy>0</posy>
                            <width>4-col-gutter</width>
                            <height>4-col-gutter</height>
                            <aspectratio>stretch</aspectratio>
                            <texture>$INFO[ListItem.Art(thumb)]</texture>
                            <bordersize>6</bordersize>
                        </control>
	                    <control type="textbox">
	                        <visible>String.IsEmpty(listitem.title)</visible>
	                        <posx>24</posx>
	                        <posy>3-row</posy>
	                        <width>228</width>
	                        <height>6-row</height>
	                        <font>largeTitle</font>
							<wrapmultiline>true</wrapmultiline>
	                        <textcolor>textActive</textcolor>
	                        <label>$INFO[ListItem.label]</label>
	                    </control>
                        <control type="label">
	                        <visible>!controlgroup(9000).hasfocus</visible>
	                        <posx>12</posx>
	                        <posy>258</posy>
	                        <width>240</width>
	                        <height>2-row</height>
	                        <aligny>center</aligny>
	                        <font>thumbTitle</font>
	                        <textcolor>textActive</textcolor>
	                        <label>[B]$INFO[ListItem.Title][/B][CR][COLOR textDisabled]$INFO[ListItem.artist][/COLOR] $INFO[listitem.year]</label>
	                    </control>
                    </control>
                </focusedlayout>
            </control>
		</control>
    </include>
</includes>