<?xml version="1.0" encoding="UTF-8"?>
<window>
    <defaultcontrol>100</defaultcontrol>
    
    <!-- Theme includes for dynamic colors -->
    <include>theme_includes.xml</include>
    
    <!-- Favorites window slide transition animations -->
    <animation effect="slide" start="-1280,0" end="0,0" time="420" tween="cubic" easing="out">WindowOpen</animation>
    <animation effect="slide" start="0,0" end="1280,0" time="320" tween="cubic" easing="in">WindowClose</animation>
    <animation effect="fade" start="0" end="100" time="420">WindowOpen</animation>
    <animation effect="fade" start="100" end="0" time="320">WindowClose</animation>
    
    <coordinates>
        <system>1</system>
        <posx>0</posx>
        <posy>0</posy>
    </coordinates>
    <controls>
        <!-- Background -->
        <control type="image">
            <posx>0</posx>
            <posy>0</posy>
            <width>1280</width>
            <height>720</height>
            <texture>special://home/addons/plugin.video.jet_guide/resources/skins/default/720p/media/Background.png</texture>
        </control>

        <!-- Title -->
        <control type="label">
            <posx>50</posx>
            <posy>30</posy>
            <width>1180</width>
            <height>40</height>
            <font>font30</font>
            <align>center</align>
            <aligny>center</aligny>
            <textcolor>gold</textcolor>
            <label>Favorite Channels</label>
        </control>

        <!-- Channels List -->
        <control type="list" id="100">
            <posx>50</posx>
            <posy>100</posy>
            <width>1180</width>
            <height>580</height>
            <onup>100</onup>
            <ondown>100</ondown>
            <pagecontrol>101</pagecontrol>
            <scrolltime>200</scrolltime>
            <itemlayout height="60">
                <control type="image">
                    <posx>5</posx>
                    <posy>5</posy>
                    <width>50</width>
                    <height>50</height>
                    <texture>$INFO[ListItem.Icon]</texture>
                </control>
                <control type="label">
                    <posx>70</posx>
                    <posy>0</posy>
                    <width>1100</width>
                    <height>60</height>
                    <font>font13</font>
                    <textcolor>white</textcolor>
                    <aligny>center</aligny>
                    <label>$INFO[ListItem.Label]</label>
                </control>
            </itemlayout>
            <focusedlayout height="60">
                <control type="image">
                    <width>1180</width>
                    <height>60</height>
                    <texture>special://home/addons/plugin.video.jet_guide/resources/skins/default/720p/media/ButtonFocus.png</texture>
                </control>
                <control type="image">
                    <posx>5</posx>
                    <posy>5</posy>
                    <width>50</width>
                    <height>50</height>
                    <texture>$INFO[ListItem.Icon]</texture>
                </control>
                <control type="label">
                    <posx>70</posx>
                    <posy>0</posy>
                    <width>1100</width>
                    <height>60</height>
                    <font>font13</font>
                    <textcolor>yellow</textcolor>
                    <aligny>center</aligny>
                    <label>$INFO[ListItem.Label]</label>
                </control>
            </focusedlayout>
        </control>

        <!-- Scrollbar -->
        <control type="scrollbar" id="101">
            <posx>1240</posx>
            <posy>100</posy>
            <width>20</width>
            <height>580</height>
            <texturesliderbackground>special://home/addons/plugin.video.jet_guide/resources/skins/default/720p/media/white.png</texturesliderbackground>
            <texturesliderbar>special://home/addons/plugin.video.jet_guide/resources/skins/default/720p/media/white.png</texturesliderbar>
            <texturesliderbarfocus>special://home/addons/plugin.video.jet_guide/resources/skins/default/720p/media/white.png</texturesliderbarfocus>
            <orientation>vertical</orientation>
        </control>
    </controls>
</window>