<?xml version="1.0" encoding="utf-8"?>
<includes>
    <include name="53_RecOverlayFocus">
        <control type="image">
            <posx>1276</posx>
            <posy>-25</posy>
            <width>50</width>
            <height>70</height>
            <texture>$VAR[Theme.Color]/OverlayRecording.png</texture>
            <aspectratio>keep</aspectratio>
            <visible>ListItem.IsRecording</visible>
        </control>
        <control type="image">
            <posx>1276</posx>
            <posy>-25</posy>
            <width>50</width>
            <height>70</height>
            <texture>$VAR[Theme.Color]/OverlayTimer.png</texture>
            <aspectratio>keep</aspectratio>
            <visible>ListItem.HasTimer</visible>
        </control>
    </include>
    <include name="Info_53_Grid">
        <control type="group">
            <include>FacadeFadeDialogs</include>
            <visible>Control.IsVisible(53)</visible>
            <visible>!Skin.HasSetting(DisableIconViewInfos)</visible>
            <visible>![StringCompare(ListItem.Label,..)|IsEmpty(ListItem.Label)]</visible>
            <include>Icon_Fade</include>
            <animation effect="slide" tween="back" easing="out" time="100" start="0,0" end="0,-510"
                       condition="[Window.isActive(MyPVRChannels.xml)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]|
                       [!Window.isActive(MyPVRChannels.xml)+[[!Container(53).content(episodes)+!Skin.HasSetting(53_BigGrid)+!Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]
                       |[!Container(53).content(episodes)+Skin.HasSetting(53_BigGrid)+!Skin.HasSetting(53_UseBanners)+[Container(53).Row(2)|Container(53).Row(3)]]
                       |[!Container(53).content(episodes)+Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]
                       |[Container(53).content(episodes)+[Container(53).Row(2)|Container(53).Row(3)]]]]">conditional</animation>
            <posy>255</posy>
            <control type="image">
                <posx>-40</posx>
                <posy>272</posy>
                <width>2000</width>
                <height>536</height>
                <colordiffuse>$VAR[OverlayTransparency]</colordiffuse>
                <texture border="150,40,150,40">$VAR[Theme.Color]/common/bg_grid.png</texture>
            </control>
            <control type="group">
                <!-- CDART AUDIO -->
                <visible>!Skin.HasSetting(plexbmc)</visible>
                <visible>Skin.HasSetting(EnableCdArt)+!IsEmpty(ListItem.Thumb)+[Container.content(albums)|Container.content(songs)]</visible>
                <animation effect="slide" tween="circle" easing="out" time="100" start="0,0" end="0,434"
                           condition="[!Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]|
                           [Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners)+[Container(53).Row(2)|Container(53).Row(3)]]|
                           [Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]">conditional</animation>
                <control type="image">
                    <posx>85</posx>
                    <posy>111</posy>
                    <width>414</width>
                    <height>414</height>
                    <texture background="true" diffuse="white/common/cdart_diffuse.png">$VAR[Cd.Art]</texture>
                    <aspectratio align="center" aligny="center">keep</aspectratio>
                    <include>Animation_ViewsCDart</include>
                </control>
            </control>
            <control type="group">
                <!-- CDART VIDEO -->
                <visible>!Skin.HasSetting(plexbmc)</visible>
                <visible>!IsEmpty(ListItem.Art(discart))+Skin.HasSetting(EnableCdArt)+!IsEmpty(ListItem.Thumb)+[Container.content(movies)|Container.content(MusicVideos)]</visible>
                <animation effect="slide" tween="back" easing="out" time="100" start="0,0" end="0,434"
                           condition="[!Skin.HasSetting(53_BigGrid)+!Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]|
                           [Skin.HasSetting(53_BigGrid)+!Skin.HasSetting(53_UseBanners)+[Container(53).Row(2)|Container(53).Row(3)]]|
                           [Skin.HasSetting(53_UseBanners)+[Container(53).Row(3)|Container(53).Row(4)|Container(53).Row(5)]]">conditional</animation>
                <control type="image">
                    <posx>85</posx>
                    <posy>183</posy>
                    <width>414</width>
                    <height>280</height>
                    <texture background="true" fallback="white/common/cdart_default.png" diffuse="white/common/cdart_diffuse.png">$INFO[ListItem.Art(discart)]</texture>
                    <aspectratio align="center" aligny="center">keep</aspectratio>
                    <include>Animation_ViewsCDart</include>
                </control>
            </control>
            <control type="image">
                <visible>[IsEmpty(ListItem.thumb)|IsEmpty(ListItem.Art(thumb))]</visible>
                <posx>75</posx>
                <posy>323</posy>
                <width>434</width>
                <height>434</height>
                <aspectratio aligny="top">keep</aspectratio>
                <include>SquareThumb</include>
            </control>
            <control type="image">
                <visible>!Window.isActive(MyPVRChannels.xml)</visible>
                <posx>40</posx>
                <posy>288</posy>
                <width>504</width>
                <height>504</height>
                <aspectratio aligny="top">keep</aspectratio>
                <include>SquareThumbBig</include>
                <include>ThumbBorder</include>
            </control>
            <control type="image">
                <visible>Window.isActive(MyPVRChannels.xml)</visible>
                <posx>40</posx>
                <posy>288</posy>
                <width>504</width>
                <height>454</height>
                <aspectratio aligny="top">keep</aspectratio>
                <include>SquareThumbBig</include>
                <include>ThumbBorder</include>
            </control>
            <control type="progress">
                <visible>Window.isActive(MyPVRChannels.xml)</visible>
                <include>ConditionWhite</include>
                <posx>75</posx>
                <posy>716</posy>
                <height>54</height>
                <width>434</width>
                <texturebg border="14,20,14,20">white/buttons/Scrollbar_Horizontal_bg.png</texturebg>
                <!-- <reveal>true</reveal> -->
                <lefttexture>-</lefttexture>
                <midtexture border="14,20,14,20">white/buttons/Scrollbar_Horizontal_Focus.png</midtexture>
                <righttexture>-</righttexture>
                <overlaytexture>-</overlaytexture>
                <info>ListItem.Progress</info>
            </control>
            <control type="progress">
                <visible>Window.isActive(MyPVRChannels.xml)</visible>
                <include>ConditionBlack</include>
                <posx>75</posx>
                <posy>716</posy>
                <height>54</height>
                <width>434</width>
                <texturebg border="14,20,14,20">black/buttons/Scrollbar_Horizontal_bg.png</texturebg>
                <!-- <reveal>true</reveal> -->
                <lefttexture>-</lefttexture>
                <midtexture border="14,20,14,20">black/buttons/Scrollbar_Horizontal_Focus.png</midtexture>
                <righttexture>-</righttexture>
                <overlaytexture>-</overlaytexture>
                <info>ListItem.Progress</info>
            </control>
            <control type="grouplist">
                <visible>![Window.IsActive(DialogPVRChannelsOSD.xml)|Window.IsActive(MyPVRChannels.xml)]</visible>
                <visible>!IsEmpty(ListItem.VideoResolution)</visible>
                <posx>569</posx>
                <posy>670</posy>
                <width>750</width>
                <height>90</height>
                <itemgap>-5</itemgap>
                <orientation>horizontal</orientation>
                <align>left</align>
                <aligny>center</aligny>
                <include>CodecsGrid</include>
            </control>
            <control type="group">
                <posx>529</posx>
                <posy>355</posy>
                <control type="image">
                    <!--<visible>[Container.content(MusicVideos) | Container.Content(movies) | Container.Content(episodes)]</visible>-->
                    <posx>10</posx>
                    <posy>-7</posy>
                    <width>33</width>
                    <height>33</height>
                    <texture>$VAR[Overlay]</texture>
                </control>
                <control type="label">
                    <posx>TextMargin</posx>
                    <posy>-20</posy>
                    <width>1191</width>
                    <aligny>top</aligny>
                    <font>InfoTitleFont</font>
                    <include>TextColor_MainColor</include>
                    <scroll>false</scroll>
                    <label>$VAR[DetailsTitle]</label>
                </control>
                <include>53_RecOverlayFocus</include>
                <control type="image">
                    <description>Default Seperator</description>
                    <posx>0</posx>
                    <posy>60</posy>
                    <width>1311</width>
                    <height>1</height>
                    <texture border="150,0,150,0">$VAR[Theme.Color]/list/bg_facade_separator.png</texture>
                </control>
                <control type="group">
                    <visible>IntegerGreaterThan(ListItem.Rating,0)|[Container.Content(songs)+!StringCompare(ListItem.Label,..)+!Skin.HasSetting(plexbmc)]</visible>
                    <visible>!Container.Content(Addons)</visible>
                    <control type="image">
                        <posx>TextMargin</posx>
                        <posy>88</posy>
                        <include>Stars</include>
                    </control>
                    <control type="label">
                        <posx>260</posx>
                        <posy>71</posy>
                        <width>460</width>
                        <height>71</height>
                        <font>InfoRatingFont</font>
                        <include>TextColor_MainColor</include>
                        <scroll>false</scroll>
                        <label>$INFO[ListItem.RatingAndVotes]</label>
                    </control>
                </control>
                <control type="label">
                    <posx>TextMargin</posx>
                    <posy>68</posy>
                    <width>553</width>
                    <height>71</height>
                    <font>InfoDetailsFont</font>
                    <include>TextColor_MainColor</include>
                    <scroll>false</scroll>
                    <label>$VAR[DetailsRow1]</label>
                </control>
                <control type="label">
                    <posx>TextMargin</posx>
                    <posy>143</posy>
                    <width>553</width>
                    <height>71</height>
                    <font>InfoDetailsFont</font>
                    <include>TextColor_MainColor</include>
                    <scroll>false</scroll>
                    <label>$VAR[DetailsRow2]</label>
                </control>
                <control type="label">
                    <posx>TextMargin</posx>
                    <posy>221</posy>
                    <width>553</width>
                    <height>71</height>
                    <font>InfoDetailsFont</font>
                    <include>TextColor_MainColor</include>
                    <scroll>false</scroll>
                    <label>$VAR[DetailsRow3]</label>
                </control>
                <control type="label">
                    <posx>TextMargin</posx>
                    <posy>299</posy>
                    <width>553</width>
                    <height>71</height>
                    <font>InfoDetailsFont</font>
                    <include>TextColor_MainColor</include>
                    <scroll>false</scroll>
                    <label>$VAR[DetailsRow4]</label>
                </control>
                <control type="textbox">
                    <visible>![Skin.HasSetting(plexbmc)+Container.Content(Artists)]</visible>
                    <posx>728</posx>
                    <posy>87</posy>
                    <width>523</width>
                    <height>295</height>
                    <font>InfoPlotFont</font>
                    <include>TextColor_MainColor</include>
                    <label>$VAR[Plots]</label>
                    <include>myautoscroll</include>
                </control>
                <control type="textbox">
                    <visible>[Skin.HasSetting(plexbmc)+Container.Content(Artists)]</visible>
                    <posx>TextMargin</posx>
                    <posy>87</posy>
                    <width>1271</width>
                    <height>295</height>
                    <font>InfoPlotFont</font>
                    <include>TextColor_MainColor</include>
                    <label>$VAR[Plots]</label>
                    <include>myautoscroll</include>
                </control>
            </control>
        </control>
    </include>
    <include name="View_53_Grid">
        <control type="group">
            <visible>Control.IsVisible(53)</visible>
            <include>Icon_Fade</include>
            <control type="image">
                <posx>-35</posx>
                <posy>-35</posy>
                <width>1990</width>
                <height>1150</height>
                <texture border="35">$VAR[Theme.Color]/common/JewelCase2.png</texture>
            </control>
            <control type="panel" id="53">
                <viewtype label="536">Grid</viewtype>
                <posx>0</posx>
                <posy>0</posy>
                <width>1940</width>
                <height>1080</height>
                <orientation>vertical</orientation>
                <onleft>9000</onleft>
                <onright>60</onright>
                <onup>53</onup>
                <ondown>53</ondown>
                <preloaditems>4</preloaditems>
                <pagecontrol>60</pagecontrol>
                <itemlayout condition="[Window.IsActive(MyPVRChannels.xml)|Window.IsActive(MyPVRRecordings.xml)|Window.IsActive(MyPVRSearch.xml)|Window.IsActive(MyPVRTimers.xml)]" height="180" width="240">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>240</width>
                        <height>180</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout condition="[Window.IsActive(MyPVRChannels.xml)|Window.IsActive(MyPVRRecordings.xml)|Window.IsActive(MyPVRSearch.xml)|Window.IsActive(MyPVRTimers.xml)]" height="180" width="240">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>310</width>
                        <height>250</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout condition="[Container.Content(TVShows)|Container.Content(movies)|Container.Content(sets)|Container.Content(seasons)] + Skin.HasSetting(53_UseBanners)" height="180" width="960">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>960</width>
                        <height>180</height>
                        <texture background="true" fallback="white/common/TransparentDot.png">$VAR[Banner]</texture>
                        <aspectratio>scale</aspectratio>
                    </control>
                </itemlayout>
                <focusedlayout condition="[Container.Content(TVShows)|Container.Content(movies)|Container.Content(sets)|Container.Content(seasons)] + Skin.HasSetting(53_UseBanners)" height="180" width="960">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>1030</width>
                        <height>250</height>
                        <texture background="true" fallback="white/common/TransparentDot.png">$VAR[Banner]</texture>
                        <aspectratio>scale</aspectratio>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout condition="!Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners) + [Container.content(actors) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="180" width="128">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>128</width>
                        <height>180</height>
                        <aspectratio>scale</aspectratio>
                        <include>PosterThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout condition="!Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners) + [Container.content(actors) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="180" width="128">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>198</width>
                        <height>250</height>
                        <aspectratio>scale</aspectratio>
                        <include>PosterThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout condition="Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners) + [Container.content(actors) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="270" width="192">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>192</width>
                        <height>270</height>
                        <aspectratio>scale</aspectratio>
                        <include>PosterThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout condition="Skin.HasSetting(53_BigGrid) + !Skin.HasSetting(53_UseBanners) + [Container.content(actors) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="270" width="192">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>262</width>
                        <height>340</height>
                        <aspectratio>scale</aspectratio>
                        <include>PosterThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout height="270" width="480" condition="container.content(episodes)">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>480</width>
                        <height>270</height>
                        <aspectratio>scale</aspectratio>
                        <include>EpisodeThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout height="270" width="480" condition="container.content(episodes)">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>550</width>
                        <height>340</height>
                        <aspectratio>scale</aspectratio>
                        <include>EpisodeThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout condition="!Skin.HasSetting(53_BigGrid) + ![container.content(episodes) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="180" width="175">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>175</width>
                        <height>180</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout condition="!Skin.HasSetting(53_BigGrid) + ![container.content(episodes) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="180" width="175">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>245</width>
                        <height>250</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
                <itemlayout condition="Skin.HasSetting(53_BigGrid) + ![container.content(episodes) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="270" width="275">
                    <control type="image">
                        <posx>0</posx>
                        <posy>0</posy>
                        <width>275</width>
                        <height>270</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                    </control>
                </itemlayout>
                <focusedlayout condition="Skin.HasSetting(53_BigGrid) + ![container.content(episodes) | Container.Content(musicvideos) | container.content(movies) | container.content(TVshows) | container.content(seasons)|Container.Content(sets)]" height="270" width="275">
                    <control type="image">
                        <include>ButtonFocusAnimation</include>
                        <posx>-35</posx>
                        <posy>-35</posy>
                        <width>345</width>
                        <height>340</height>
                        <aspectratio>scale</aspectratio>
                        <include>SquareThumb</include>
                        <include>ThumbBorderOverlay</include>
                    </control>
                </focusedlayout>
            </control>
            <control type="scrollbar" id="60">
                <posx>1886</posx>
                <posy>0</posy>
                <height>1080</height>
                <include>VerticalScroller</include>
                <onleft>53</onleft>
                <onright>505050</onright>
            </control>
        </control>
    </include>
</includes>
