<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <include name="BackgroundAnimationForLeftRing">
        <definition>
            <control type="group">
                <animation type="WindowOpen" reversible="false">
                    <effect type="slide" start="-1000,0" end="0,0" tween="quadratic" easing="out" time="500" />
                    <effect type="fade" start="0" end="100" time="500" />
                </animation>
                <animation type="WindowClose" reversible="false">
                    <effect type="slide" start="0,0" end="-1000,0" tween="quadratic" easing="in" time="500" delay="500" />
                    <effect type="fade" start="100" end="0" delay="500" time="500" />
                </animation>

                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),2)</visible>
                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="30" />
                        <param name="radius" value="800" />
                        <param name="time" value="30000" />
                    </include>
                </control>

                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),3)</visible>
                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="20" />
                        <param name="radius" value="1070" />
                        <param name="time" value="17700" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="15" />
                        <param name="radius" value="1100" />
                        <param name="time" value="17500" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="25" />
                        <param name="radius" value="1120" />
                        <param name="time" value="18000" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="40" />
                        <param name="radius" value="1200" />
                        <param name="time" value="46000" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="0" />
                        <param name="posy" value="773" />
                        <param name="size" value="50" />
                        <param name="radius" value="1720" />
                        <param name="time" value="47000" />
                        <param name="direction" value="false" />
                    </include>
                </control>
            </control>
        </definition>
    </include>
    
    <include name="LeftRing">
        <definition>
            <animation effect="slide" tween="quadratic" easing="out" start="-1000,0" end="0,0" time="500" reversible="false">WindowOpen</animation>
            <animation effect="slide" tween="quadratic" easing="in" start="0,0" end="-1000,0" time="500" delay="500" reversible="false">WindowClose</animation>

            <control type="image">
                <width>900</width>
                <height>1080</height>
                <texture colordiffuse="$VAR[MainColor]" diffuse="elements/ring-maskleft.png">white.png</texture>
                <aspectratio scalediffuse="false">scale</aspectratio>
            </control>

            <control type="group">
                <control type="group">
                    <include content="VisibilityForVerticalIcon" />
                    <posx>40</posx>
                    <posy>140</posy>
                    <include content="VerticalThumbnailIcon" />
                    <include content="OverlayForVerticalThumbnailIcon" />
                </control>

                <control type="group">
                    <include content="VisibilityForSquareIcon" />
                    <posx>40</posx>
                    <posy>240</posy>
                    <include content="SquareThumbnailIcon" />
                    <include content="OverlayForSquareThumbnailIcon" />
                </control>
            
                <control type="group">
                    <include content="VisibilityForHorizontalIcon" />
                    <posx>40</posx>
                    <posy>240</posy>
                    <include content="HorizontalThumbnailIcon" />
                    <include content="OverlayForSquareThumbnailIcon" />
                </control>
            </control>
            
            <include content="HorizontalViewListOfContentMediaFlag">
                <param name="posx" value="40" />
                <param name="posy" value="615" />
                <param name="mediaflagcolor" value="$VAR[BackgroundColor]" />
                <param name="outlinecolor" value="$VAR[MainColor]" />
            </include>
            
            <control type="textbox">
                <posx>40</posx>
                <posy>680</posy>
                <width>580</width>
                <height>340</height>
                <font>DescriptionViewFont</font>
                <textcolor>$VAR[BackgroundColor]</textcolor>
                <align>left</align>
                <aligny>top</aligny>
                <autoscroll time="3000" delay="2000" repeat="5000">true</autoscroll>
                <label>$VAR[ContentDescription]</label>
            </control>
                
            <control type="image">
                <width>900</width>
                <height>1080</height>
                <texture>elements/ring-ringsleft.png</texture>
            </control>
        </definition>
    </include>
    
    <include name="BackgroundAnimationForRightRing">
        <definition>
            <control type="group">
                <animation type="WindowOpen">
                    <effect type="slide" start="1000,0" end="0,0" time="500" />
                    <effect type="fade" start="0" end="100" time="500" />
                </animation>
                <animation type="WindowClose">
                    <effect type="slide" start="0,0" end="1000,0" time="500" />
                    <effect type="fade" start="100" end="0" time="500" />
                </animation>
            
                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),2)</visible>
                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="50" />
                        <param name="radius" value="1000" />
                        <param name="time" value="30000" />
                    </include>
                </control>

                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),3)</visible>
                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="35" />
                        <param name="radius" value="1400" />
                        <param name="time" value="42000" />
                        <param name="direction" value="false" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="20" />
                        <param name="radius" value="1470" />
                        <param name="time" value="29000" />
                        <param name="direction" value="false" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="15" />
                        <param name="radius" value="1500" />
                        <param name="time" value="27000" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="25" />
                        <param name="radius" value="1620" />
                        <param name="time" value="26000" />
                        <param name="direction" value="false" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="25" />
                        <param name="radius" value="1650" />
                        <param name="time" value="38000" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="2000" />
                        <param name="posy" value="200" />
                        <param name="size" value="20" />
                        <param name="radius" value="1700" />
                        <param name="time" value="36000" />
                        <param name="direction" value="false" />
                    </include>
                </control>
            </control>
        </definition>
    </include>
    
    <include name="RightRing">
        <definition>
            <animation effect="slide" start="1000,0" end="0,0" time="500">WindowOpen</animation>
            <animation effect="slide" start="0,0" end="1000,0" time="500">WindowClose</animation>
            
            <control type="image">
                <posx>920</posx>
                <posy>0</posy>
                <width>1000</width>
                <height>1080</height>
                <texture colordiffuse="$VAR[MainColor]" diffuse="elements/ring-maskright.png">white.png</texture>
                <aspectratio scalediffuse="false">scale</aspectratio>
            </control>

            <include content="HorizontalViewListOfContentMediaFlag">
                <param name="posx" value="1100" />
                <param name="posy" value="40" />
                <param name="mediaflagcolor" value="$VAR[BackgroundColor]" />
                <param name="outlinecolor" value="$VAR[MainColor]" />
            </include>

            <control type="textbox">
                <description>Description of List Item</description>
                <posx>1120</posx>
                <posy>120</posy>
                <width>740</width>
                <height>320</height>
                <font>DescriptionViewFont</font>
                <textcolor>$VAR[BackgroundColor]</textcolor>
                <align>right</align>
                <aligny>top</aligny>
                <autoscroll time="2000" delay="3000" repeat="5000">true</autoscroll>
                <label>$VAR[ContentDescription]</label>
            </control>
                
            <control type="group">
                <control type="group">
                    <include content="VisibilityForSquareIcon" />
                    <posx>1500</posx>
                    <posy>460</posy>
                    <include content="SquareThumbnailIcon" />
                    <include content="OverlayForSquareThumbnailIcon" />
                </control>
                
                <control type="group">
                    <include content="VisibilityForVerticalIcon" />
                    <posx>1500</posx>
                    <posy>460</posy>
                    <include content="VerticalThumbnailIcon" />
                    <include content="OverlayForVerticalThumbnailIcon" />
                </control>
                
                <control type="group">
                    <include content="VisibilityForHorizontalIcon" />
                    <posx>1400</posx>
                    <posy>460</posy>
                    <include content="HorizontalThumbnailIcon" />
                    <include content="OverlayForHorizontalThumbnailIcon" />
                </control>
            </control>
                
            <control type="image">
                <posx>920</posx>
                <posy>0</posy>
                <width>1000</width>
                <height>1080</height>
                <texture>elements/ring-ringsright.png</texture>
            </control>
        </definition>
    </include>

    <include name="BackgroundAnimationForBottomRing">
        <definition>
            <control type="group">
                <animation type="WindowOpen">
                    <effect type="slide" start="0,240" end="0,0" time="500" />
                    <effect type="fade" start="0" end="100" time="500" />
                </animation>
                <animation type="WindowClose">
                    <effect type="slide" start="0,0" end="0,240" time="500" />
                    <effect type="fade" start="100" end="0" time="500" />
                </animation>
                
                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),2)</visible>
                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="30" />
                        <param name="radius" value="2900" />
                        <param name="time" value="50000" />
                    </include>
                </control>

                <control type="group">
                    <visible>IntegerGreaterThan(Skin.String(Background.Animation.Level),3)</visible>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="40" />
                        <param name="radius" value="2850" />
                        <param name="time" value="60000" />
                        <param name="direction" value="false" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="15" />
                        <param name="radius" value="3080" />
                        <param name="time" value="42000" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="10" />
                        <param name="radius" value="3120" />
                        <param name="time" value="42010" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="20" />
                        <param name="radius" value="3150" />
                        <param name="time" value="42020" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="25" />
                        <param name="radius" value="3100" />
                        <param name="time" value="42100" />
                    </include>

                    <include content="OrbitCircle">
                        <param name="posx" value="960" />
                        <param name="posy" value="3600" />
                        <param name="size" value="50" />
                        <param name="radius" value="3280" />
                        <param name="time" value="67000" />
                    </include>
                </control>
            </control>
        </definition>
    </include>
    
    <include name="BottomRing">
        <definition>
            <animation effect="slide" start="0,240" end="0,0" time="500">WindowOpen</animation>
            <animation effect="slide" start="0,0" end="0,240" time="500">WindowClose</animation>
            
            <control type="image">
                <posy>780</posy>
                <width>1920</width>
                <height>400</height>
                <texture colordiffuse="$VAR[MainColor]">elements/ring-maskbottom.png</texture>
                <aspectratio scalediffuse="false">scale</aspectratio>
            </control>

            <control type="image">
                <posy>780</posy>
                <width>1920</width>
                <height>400</height>
                <texture>elements/ring-ringsbottom.png</texture>
            </control>
        </definition>
    </include>

    <include name="LabelsForBottomRing">
        <definition>
        
            <control type="group">
                <include content="VisibilityOfListIconInView" />
                <include content="ContentLabelForBottomRing" />
            </control>
            
            <control type="group">
                <include content="VisibilityOfSortLetterInView" />
                <include content="SortLetterForBottomRing" />
            </control>
            
            <include content="ContentMediaFlagForBottomRing" />
        </definition>
    </include>

    <include name="ContentLabelForBottomRing">
        <param name="highlightvisible" default="ListItem.IsPlaying" />
        <param name="namelabel" default="$VAR[ContentNameLabel]" />
        <param name="informationlabel" default="$VAR[ContentInformationLabel]" />
        
        <definition>
            <control type="group">
                <animation effect="slide" start="0,240" end="0,0" time="500">WindowOpen</animation>
                <animation effect="slide" start="0,0" end="0,240" time="500">WindowClose</animation>

                <control type="group">
                    <visible>$PARAM[highlightvisible]</visible>
                    <include content="OutlineLabel">
                        <param name="posx" value="10" />
                        <param name="posy" value="971" />
                        <param name="width" value="1900" />
                        <param name="height" value="30" />
                        <param name="font" value="BigViewFont" />
                        <param name="textcolor" value="$VAR[HighlightColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="outlinesize" value="2" />
                        <param name="align" value="center" />
                        <param name="scroll" value="true" />
                        <param name="label" value="$PARAM[namelabel]" />
                    </include>
                    <include content="OutlineLabel">
                        <param name="posx" value="10" />
                        <param name="posy" value="930" />
                        <param name="width" value="1900" />
                        <param name="height" value="30" />
                        <param name="font" value="HomeMenuDetailFont" />
                        <param name="textcolor" value="$VAR[HighlightColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="outlinesize" value="2" />
                        <param name="align" value="center" />
                        <param name="scroll" value="true" />
                        <param name="label" value="$PARAM[informationlabel]" />
                    </include>
                </control>

                <control type="group">
                    <visible>!$PARAM[highlightvisible]</visible>
                    <include content="OutlineLabel">
                        <param name="posx" value="10" />
                        <param name="posy" value="971" />
                        <param name="width" value="1900" />
                        <param name="height" value="30" />
                        <param name="font" value="BigViewFont" />
                        <param name="textcolor" value="$VAR[BackgroundColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="outlinesize" value="2" />
                        <param name="align" value="center" />
                        <param name="scroll" value="true" />
                        <param name="label" value="$PARAM[namelabel]" />
                    </include>
                    <include content="OutlineLabel">
                        <param name="posx" value="10" />
                        <param name="posy" value="930" />
                        <param name="width" value="1900" />
                        <param name="height" value="30" />
                        <param name="font" value="HomeMenuDetailFont" />
                        <param name="textcolor" value="$VAR[BackgroundColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="outlinesize" value="2" />
                        <param name="align" value="center" />
                        <param name="scroll" value="true" />
                        <param name="label" value="$PARAM[informationlabel]" />
                    </include>
                </control>
                
            </control>
        </definition>
    </include>
            
    <include name="SortLetterForBottomRing">
        <param name="label" default="$VAR[ContentSortLetterLabel]" />
    
        <definition>
            <control type="group">
                <animation effect="slide" start="0,240" end="0,0" time="500">WindowOpen</animation>
                <animation effect="slide" start="0,0" end="0,240" time="500">WindowClose</animation>

                <include content="OutlineLabel">
                    <param name="posx" value="10" />
                    <param name="posy" value="860" />
                    <param name="width" value="1900" />
                    <param name="height" value="140" />
                    <param name="font" value="LargeSortLetterFont" />
                    <param name="textcolor" value="$VAR[BackgroundColor]" />
                    <param name="outlinecolor" value="$VAR[MainColor]" />
                    <param name="outlinesize" value="2" />
                    <param name="align" value="center" />
                    <param name="scroll" value="true" />
                    <param name="label" value="$PARAM[label]" />
                </include>
            </control>
        </definition>
    </include>
    
    <include name="ContentMediaFlagForBottomRing">
        <param name="highlightvisible" default="ListItem.IsPlaying" />
        
        <definition>
            <control type="group">
                <animation effect="slide" start="0,240" end="0,0" time="500">WindowOpen</animation>
                <animation effect="slide" start="0,0" end="0,240" time="500">WindowClose</animation>

                <control type="group">
                    <visible>$PARAM[highlightvisible]</visible>
                    <include content="HorizontalViewListOfContentMediaFlag">
                        <param name="posx" value="500" />
                        <param name="posy" value="1020" />
                        <param name="mediaflagcolor" value="$VAR[HighlightColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="align" value="center" />
                    </include>
                </control>

                <control type="group">
                    <visible>!$PARAM[highlightvisible]</visible>
                    <include content="HorizontalViewListOfContentMediaFlag">
                        <param name="posx" value="500" />
                        <param name="posy" value="1020" />
                        <param name="mediaflagcolor" value="$VAR[BackgroundColor]" />
                        <param name="outlinecolor" value="$VAR[MainColor]" />
                        <param name="align" value="center" />
                    </include>
                </control>
            </control>
        </definition>
    </include>
</includes>
