<?xml version="1.0" encoding="UTF-8"?>
<window>
    <defaultcontrol always="false">9000</defaultcontrol>
    <allowoverlay>no</allowoverlay>
    <previouswindow>videolibrary</previouswindow>
    <controls>
        <include>globalBackground</include>
        <!--page container group-->
        <control type="group">
            <!--window fader-->
            <animation type="conditional" condition="window.next(0) | window.next(1) | player.hasvideo">
                <effect type="fade" start="100" end="0" time="300"/>
            </animation>
            <!--shift page for certain modal dialogs-->
            <include>modalDialogContentShift</include>
            <!--content provider-->
            <control type="group">
                <posx>0</posx>
                <posy>0</posy>
                <!--main menu-->
                <control type="group">
                    <posx>col-1-begin</posx>
                    <posy>row-2-begin</posy>
                    <include>dateTime</include>
                    <include>hubMenu</include>
                </control>
                <!--Folder titles-->
                <control type="group">
                    <posx>col-4-begin</posx>
                    <posy>row-2-begin</posy>
                    <animation type="Conditional" condition="IntegerGreaterThan(container.numitems,0)">
                        <effect type="fade" start="0" end="100" time="300"/>
                    </animation>
                    <!--source title-->
                    <control type="label">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>14-col</width>
                        <font>pageTitle</font>
                        <label>31123</label>
                        <textcolor>textActive</textcolor>
                    </control>
                    <!--source subtitle-->
                    <control type="label">
                        <posx>0</posx>
                        <posy>45</posy>
                        <width>auto</width>
                        <font>regular</font>
                        <label>$INFO[container.Numitems,, $LOCALIZE[31014]]</label>
                        <textcolor>textActive</textcolor>
                    </control>
                </control>
                <!--Main content listing-->
                <control type="group" id="9999">
                    <posx>col-4-begin</posx>
                    <posy>row-2-begin</posy>
                    <!--source content-->
                    <control type="group" id="9500">
                        <visible>SubString(skin.string(showRecentVideoItems),false)</visible>
                        <animation type="windowopen">
                            <include>listSlideIn</include>
                        </animation>
                        <include>viewVideoList</include>
                    </control>
                </control>
                <!--page scrollbar-->
                <control type="group" id="8000">
                    <visible>Control.IsVisible(60)</visible>
                    <animation effect="fade" start="100" end="0" time="100" condition="!controlgroup(8000).hasfocus">conditional</animation>
                    <control type="scrollbar" id="60">
                        <posx>108r</posx>
                        <posy>276</posy>
                        <height>672</height>
                        <onleft>9999</onleft>
                    </control>
                </control>
            </control>
        </control>
        <!--sorting and misc controls-->
        <control type="group" id="61">
            <!--animations-->
            <animation type="Conditional" condition="!controlgroup(61).hasfocus">
                <effect type="fade" start="100" end="0" time="200"/>
            </animation>
            <animation type="Conditional" condition="controlgroup(61).hasfocus">
                <effect type="fade" start="0" end="100" time="200"/>
            </animation>
            <!--overlay-->
            <control type="image">
                <include>dimensionsFullscreen</include>
                <texture>backgrounds/vignette.png</texture>
                <colordiffuse>ffffffff</colordiffuse>
                <aspectratio>stretch</aspectratio>
            </control>
            <!--titles-->
            <control type="group">
                <posx>24</posx>
                <posy>111</posy>
                <animation type="Conditional" condition="controlgroup(62).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(62).hasfocus | Window.IsActive(5000) | Window.IsActive(5900)">
                    <effect type="fade" start="100" end="0" time="400"/>
                    <effect type="slide" start="0" end="-200" tween="sine" easing="out" time="400"/>
                </animation>
                <!--menu-->
                <include>sideBarMenuItems</include>
            </control>
        </control>
        <!--loading indicator-->
        <include>loadingIndicator</include>
        <!--debugging-->
        <include>DebugGrid</include>
        <control type="label">
            <include>WindowID</include>
            <label>MyVideoPlaylist.xml</label>
        </control>
    </controls>
</window>