<?xml version="1.0" encoding="UTF-8"?>
<window>
	<defaultcontrol always="true">570</defaultcontrol>
	<onload>Skin.Reset(showViewOptions)</onload>
	<onunload>Skin.Reset(showViewOptions)</onunload>
	<menucontrol>9000</menucontrol>
	<onload condition="!Skin.HasSetting(FirstTimeRun)">ActivateWindow(1112)</onload>
	<views>570</views>
	<controls>
		<include>SkinFanart</include>
        <include>BarClock</include>
		
		
		<control type="group"><visible>![Window.IsVisible(2003) | Window.IsVisible(DialogAddonInfo.xml) | Window.IsVisible(DialogMusicInfo.xml) | Window.IsVisible(DialogFavourites.xml)]</visible><include>NowPlayingControls</include><include>TouchscreenNavigation</include></control>
		<control type="group">
			<visible>Control.IsVisible(570)</visible>
			<control type="list" id="570">
				<left>50</left>
				<top>120</top>
				<width>1180</width>
				<height>561</height>
				<onleft>9000</onleft>
				<onleft>Skin.ToggleSetting(showViewOptions)</onleft>	
				<onup>570</onup>
				<ondown>570</ondown>
				<viewtype label="535">list</viewtype>
				<scrolltime>200</scrolltime>
				<itemlayout height="85" width="1180">
					<control type="image">
						<width>80</width>
						<height>80</height>
						<texture>$INFO[Listitem.Icon]</texture>
						<aspectratio>keep</aspectratio>
					</control>
					<control type="label">
						<left>90</left>
						<top>0</top>
						<width>870</width>
						<height>30</height>
						<font>List_Settings</font>
						<align>left</align>
						<aligny>center</aligny>
						<label>[B]$INFO[ListItem.Label][/B]</label>
					</control>
					<control type="textbox">
						<left>90</left>
						<top>32</top>
						<width>870</width>
						<height>48</height>
						<font>List_Settings</font>
						<align>left</align>
						<label>$INFO[ListItem.Property(Event.Description)]</label>
					</control>
					<control type="label">
						<left>890</left>
						<top>0</top>
						<width>280</width>
						<height>30</height>
						<font>List_Settings</font>
						<align>right</align>
						<aligny>center</aligny>
						<label>$INFO[ListItem.Label2]</label>
					</control>
				</itemlayout>
				<focusedlayout height="85" width="1180">
					<control type="image">
						<width>1180</width>
						<height>80</height>
						<texture border="5">tile.png</texture>
						<visible>Control.HasFocus(570)</visible>
					</control>
					<control type="image">
						<width>80</width>
						<height>80</height>
						<texture>$INFO[Listitem.Icon]</texture>
						<aspectratio>keep</aspectratio>
					</control>
					<control type="label">
						<left>90</left>
						<top>0</top>
						<width>870</width>
						<height>30</height>
						<font>List_Settings</font>
						<textcolor>Accent</textcolor>
						<selectedcolor>Accent</selectedcolor>
						<align>left</align>
						<aligny>center</aligny>
						<label>[B]$INFO[ListItem.Label][/B]</label>
					</control>
					<control type="textbox">
						<left>90</left>
						<top>32</top>
						<width>870</width>
						<height>48</height>
						<font>List_Settings</font>
						<textcolor>Accent</textcolor>
						<selectedcolor>Accent</selectedcolor>
						<align>left</align>
						<label>$INFO[ListItem.Property(Event.Description)]</label>
					</control>
					<control type="label">
						<left>890</left>
						<top>0</top>
						<width>280</width>
						<height>30</height>
						<font>List_Settings</font>
						<textcolor>Accent</textcolor>
						<selectedcolor>Accent</selectedcolor>
						<align>right</align>
						<aligny>center</aligny>
						<label>$INFO[ListItem.Label2]</label>
					</control>
				</focusedlayout>
			</control>
		</control>
	
		<control type="image">
			<visible>Skin.HasSetting(showViewOptions)</visible>
            <animation type="Visible">
                <effect type="fade" time="300" start="0" end="100" />
            </animation>
            <animation type="Hidden">
                <effect type="fade" time="300" start="100" end="0" />
            </animation>
            <include>Dimensions_Fullscreen</include>
            <texture>other_textures/black-back.png</texture>
        </control>
		
		
		<!-- This Control shows the background of the left settings menu -->
		<control type="group">
		 	<animation type="Conditional" condition="!Skin.HasSetting(showViewOptions)">
                <effect type="slide" start="0,0" end="-320,0" time="300" easing="inout" tween="cubic" />
            </animation>
	
			<include>LeftMenuBackground</include>
			<control type="label">
                <description>Menu Title</description>
                <include>LeftMenuTitle</include>
                <label>$LOCALIZE[14018]</label>
            </control>
		</control>
				<!--This Control defines the left menu Items -->
		<control type="grouplist" id="9000">
            <left>20</left>
            <top>70</top>
            <width>280</width>
            <height>600</height>
            <itemgap>0</itemgap>
			<onright>Skin.Reset(showViewOptions)</onright>
            <onright>570</onright>
            <onup>noop</onup>
            <ondown>noop</ondown>
            <orientation>vertical</orientation>
            <animation type="Conditional" condition="!Skin.HasSetting(showViewOptions)">
                <effect type="slide" start="0,0" end="-320,0" time="300" easing="inout" tween="cubic" />
            </animation>
            <control type="togglebutton" id="4">
                <description>Ascending</description>
                <width>280</width>
					<textoffsetx>10</textoffsetx>
                <align>left</align>
                <label>584</label>
                <altlabel>585</altlabel>
				<font>List_Left_Menu</font>
            </control>
            <control type="button" id="21">
                <description>Level button</description>
                <width>280</width>
				<textoffsetx>10</textoffsetx>
                <align>left</align>
                <label></label>
				<font>List_Left_Menu</font>
            </control>
			<control type="radiobutton" id="22">
                <description>Only show current level</description>
                <height>40</height>
                <width>280</width>
                <textoffsetx>10</textoffsetx>
                <textwidth>200</textwidth>
                <align>left</align>
				<font>List_Left_Menu</font>
                <pulseonselect>false</pulseonselect>
	               <label></label>
            </control>
				<control type="button" id="21">
                <description>Level button</description>
                <width>280</width>
				<textoffsetx>10</textoffsetx>
                <align>left</align>
                <label>192</label>
				<font>List_Left_Menu</font>
            </control>

			<control type="button" id="104">
                <description>Now Playing</description>
                <width>280</width>
				<textoffsetx>10</textoffsetx>
                <align>left</align>
                <label>13350</label>
				<font>List_Left_Menu</font>
				<onclick>ActivateWindow(videoplaylist)</onclick>
				<visible>[Window.IsActive(Videos) + !String.IsEqual(Playlist.Length(video),0)] | [Window.IsActive(Music)+ !String.IsEqual(Playlist.Length(music),0)]</visible>
            </control>

		</control>
		<!-- Close Button for Options Menu	-->
		<control type="button" id="9876">
			<top>-5</top>
			<left>270</left>
			<width>50</width>
			<height>50</height>
			<onclick>Skin.Reset(showViewOptions)</onclick>
			<onclick>right</onclick>
			<onright>570</onright>
			<texturefocus>down_arrow.png</texturefocus>
			<texturenofocus>down_arrow.png</texturenofocus>
			<animation type="Conditional" condition="!Skin.HasSetting(showViewOptions)">
                <effect type="slide" start="0,0" end="-320,0" time="300" easing="inout" tween="cubic" />
            </animation>
			<animation effect="rotate" end="90" center="295,20" time="0" condition="true" reversible="false">Conditional</animation>
			<visible>[System.Platform.IOS | System.Platform.Android | System.getbool(input.enablemouse)]</visible>
		</control>
		<!-- Open Button for View Options Menu-->
		<control type="group">
			<animation effect="slide" end="-55" time="300">WindowClose</animation>
			<animation effect="slide" start="-55" time="300">WindowOpen</animation>
			<control type="group">
				<top>400</top>		
				<animation effect="slide" start="-55" end="0" time="200" delay="300">Visible</animation>
				<visible>!Skin.HasSetting(showViewOptions) + [System.Platform.IOS | System.Platform.Android | System.getbool(input.enablemouse)] + [!Window.IsActive(2003)]</visible>
				<control type="button" id="6789">
					<left>0</left>
					<width>50</width>
					<height>95</height>
					<onclick>Skin.ToggleSetting(showViewOptions)</onclick>
					<onclick>SetFocus(9000)</onclick>
					<texturefocus></texturefocus>
				</control>
				<control type="image">
					<left>0</left>
					<top>25</top>
					<width>25</width>
					<height>45</height>
					<texture>tile.png</texture>
				</control>
				<control type="image">
					<left>-15</left>
					<top>20</top>
					<width>55</width>
					<height>55</height>
					<texture flipx="true">icons/music.png</texture>
				</control>
			</control>
		</control>	
	
		
		
		
		
	</controls>
</window>
