skin.pellucidPlus/1080i/Includes_hubMenu.xml

<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <!--main hub menu-->
    <include name="hubMenu">
        <control type="group" id="9000">
            <animation type="windowopen">
                <effect type="fade" start="0" end="100" delay="500" time="300"/>
                <effect type="slide" start="-200" end="0" tween="sine" easing="out" delay="500" time="400"/>
            </animation>
            <animation type="Conditional" condition="controlgroup(9000).hasfocus">
                <effect type="fade" start="0" end="100" time="300"/>
                <effect type="slide" start="-200" end="0" tween="sine" easing="out" time="400"/>
            </animation>
            <animation type="Conditional" condition="!controlgroup(9000).hasfocus">
                <effect type="fade" start="100" end="0" time="300"/>
                <effect type="slide" start="0" end="-200" tween="sine" easing="out" time="400"/>
            </animation>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>col-7-begin</width>
                <height>fullscreenHeight</height>
                <texture>colors/white.png</texture>
                <colordiffuse>highlight</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
            <control type="image">
                <posx>col-7-begin</posx>
                <posy>0</posy>
                <width>3</width>
                <height>fullscreenHeight</height>
                <texture>colors/black.png</texture>
                <colordiffuse>33ffffff</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
            <!--section logo-->
            <control type="group">
                <!--videos-->
                <control type="label">
                    <visible>Window.isactive(videolibrary) | window.isactive(videoplaylist) | window.isactive(tvchannels) | window.isactive(tvguide) | window.isactive(TVRecordings) | window.isactive(tvtimers)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
                <!--music-->
                <control type="label">
                    <visible>window.isactive(musiclibrary) | window.isactive(musicplaylist) | window.isactive(radiochannels)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
                <!--pictures-->
                <control type="label">
                    <visible>window.isactive(pictures)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
            </control>
            <control type="list" id="9001">
                <posx>0</posx>
                <posy>row-4-begin</posy>
                <width>8-col</width>
                <height>24-row</height>
                <orientation>vertical</orientation>
                <onleft>9002</onleft>
                <onright>9999</onright>
                <onback>activateWindow(home)</onback>
                <itemlayout width="col-7-begin" height="2-row">
                    <control type="label">
                        <posx>col-1-begin</posx>
                        <posy>0</posy>
                        <width>7-col</width>
                        <height>2-row</height>
                        <font>menuTitle</font>
                        <aligny>center</aligny>
                        <textcolor>textActive</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[ListItem.label]</label>
                    </control>
                </itemlayout>
                <focusedlayout width="col-7-begin" height="2-row">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>col-7-begin</width>
                        <height>2-row</height>
                        <texture>colors/white.png</texture>
                        <colordiffuse>textActive</colordiffuse>
                        <aspectratio>stretch</aspectratio>
                    </control>
                    <control type="label">
                        <posx>col-1-begin</posx>
                        <posy>0</posy>
                        <width>8-col</width>
                        <height>2-row</height>
                        <font>menuTitle</font>
                        <aligny>center</aligny>
                        <textcolor>highlight</textcolor>
                        <shadowcolor>-</shadowcolor>
                        <label>$INFO[ListItem.label]</label>
                    </control>
                </focusedlayout>
                <include condition="Window.isactive(videolibrary) | window.isactive(videoplaylist) | window.isactive(tvchannels) | window.isactive(tvguide) | window.isactive(TVRecordings) | window.isactive(tvtimers)">videoMenu</include>
                <include condition="window.isactive(musiclibrary) | window.isactive(musicplaylist) | window.isactive(radiochannels)">musicMenu</include>
                <include condition="Window.isactive(pictures)">picturesMenu</include>
            </control>
        </control>
        <--hub options-->
        <control type="group">
            <animation type="Conditional" condition="!controlgroup(9002).hasfocus | window.isactive(1100)">
                <effect type="fade" start="100" end="0" time="300"/>
                <effect type="slide" start="0" end="-200" tween="sine" easing="out" time="400"/>
            </animation>
            <animation type="Conditional" condition="controlgroup(9002).hasfocus">
                <effect type="fade" start="0" end="100" time="300"/>
                <effect type="slide" start="-200" end="0" tween="sine" easing="out" time="400"/>
            </animation>
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>col-7-begin</width>
                <height>fullscreenHeight</height>
                <texture>colors/white.png</texture>
                <colordiffuse>highlight</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
            <control type="image">
                <posx>col-7-begin</posx>
                <posy>0</posy>
                <width>3</width>
                <height>fullscreenHeight</height>
                <texture>colors/black.png</texture>
                <colordiffuse>33ffffff</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
            <!--section logo-->
            <control type="group">
                <!--videos-->
                <control type="label">
                    <visible>Window.isactive(videolibrary) | window.isactive(videoplaylist) | window.isactive(tvchannels) | window.isactive(tvguide) | window.isactive(TVRecordings) | window.isactive(tvtimers)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
                <!--music-->
                <control type="label">
                    <visible>window.isactive(musiclibrary) | window.isactive(musicplaylist) | window.isactive(radiochannels)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
                <!--pictures-->
                <control type="label">
                    <visible>window.isactive(pictures)</visible>
                    <posx>col-1-begin</posx>
                    <posy>row-1-begin</posy>
                    <width>1-col</width>
                    <height>1-col</height>
                    <font>symbolVeryLarge</font>
                    <aligny>center</aligny>
                    <textcolor>textActive</textcolor>
                    <shadowcolor>-</shadowcolor>
                    <label></label>
                </control>
            </control>
            <!--menu items-->
            <control type="grouplist" id="9002">
                <posx>0</posx>
                <posy>row-4-begin</posy>
                <width>col-7-begin</width>
                <height>27-row</height>
                <itemgap>0</itemgap>
                <onright>9000</onright>
                <onup>9002</onup>
                <ondown>9002</ondown>
                <include condition="Window.isactive(videolibrary) | window.isactive(videoplaylist) | window.isactive(tvchannels) | window.isactive(tvguide) | window.isactive(TVRecordings) | window.isactive(tvtimers)">videoSideMenu</include>
                <include condition="window.isactive(musiclibrary) | window.isactive(musicplaylist) | window.isactive(radiochannels)">musicSideMenu</include>
                <include condition="window.isactive(pictures)">picturesSideMenu</include>
            </control>
        </control>
    </include>
</includes>