<?xml version="1.0" encoding="UTF-8"?>
<window>
	<defaultcontrol always="true">205</defaultcontrol>
	<zorder>0</zorder>
	<include>dialogeffect</include>
	<controls>
		<control type="image">
			<description>Background fade</description>
			<width>100%</width>
			<height>100%</height>
			<texture>emby-bg-fade.png</texture>
		</control>
		
		<control type="group">
			<width>450</width>
			<left>38%</left>
			<top>15%</top>
			<control type="image">
				<description>Background box</description>
				<texture colordiffuse="ff111111">white.png</texture>
				<width>450</width>
				<height>710</height>
			</control>

			<control type="image">
				<description>Emby logo</description>
				<texture>logo-white.png</texture>
				<aspectratio>keep</aspectratio>
				<width>120</width>
				<height>49</height>
				<top>30</top>
				<left>25</left>
			</control>

			<control type="group">
				<description>User info</description>
				<top>70</top>
				<width>350</width>
				<left>50</left>
				<control type="image" id="150">
					<description>User image</description>
					<texture diffuse="user_image.png">userflyoutdefault.png</texture> 
					<aspectratio>keep</aspectratio>
					<align>center</align>
					<width>100%</width>
					<height>70</height>
					<top>40</top>
				</control>

				<control type="image" id="204">
					<description>Busy animation</description>
					<align>center</align>
					<top>23</top>
					<width>100%</width>
					<height>105</height>
					<visible>False</visible>
					<texture colordiffuse="ff13a134">fading_circle.png</texture>
					<aspectratio>keep</aspectratio>
					<animation effect="rotate" start="360" end="0" center="auto" time="2000" loop="true" condition="true">conditional</animation>
				</control>

				<control type="label" id="151">
					<description>Welcome user</description>
					<textcolor>white</textcolor>
					<font>font12</font>
					<align>center</align>
					<aligny>top</aligny>
					<top>120</top>
					<width>100%</width>
					<height>50</height>
				</control>

				<control type="image">
					<description>separator</description>
					<width>102%</width>
					<height>0.5</height>
					<top>165</top>
					<left>-10</left>
					<texture colordiffuse="ff525252" border="90,3,90,3">emby-separator.png</texture>
				</control>

				<control type="label">
					<description>Select server</description>
					<textcolor>ffa6a6a6</textcolor>
					<label>$ADDON[plugin.video.emby 30607]</label>
					<font>font10</font>
					<align>center</align>
					<aligny>top</aligny>
					<top>170</top>
					<width>100%</width>
					<height>50</height>
				</control>
			</control>

			<control type="group">
				<top>290</top>
				<width>100%</width>
				<height>184</height>
				<control type="list" id="155">
					<description>Connect servers</description>
					<focusposition>0</focusposition>
					<width>100%</width>
					<height>100%</height>
					<top>10</top>
					<left>55</left>
					<onup>155</onup>
					<ondown condition="Control.IsVisible(205)">205</ondown>
					<ondown condition="!Control.IsVisible(205)">206</ondown>
					<onleft condition="Control.IsVisible(205)">205</onleft>
					<onleft condition="!Control.IsVisible(205)">206</onleft>
					<onright>155</onright>
					<pagecontrol>60</pagecontrol>
					<scrolltime tween="sine" easing="out">250</scrolltime>
					<itemlayout height="46">
						<control type="group">
							<width>45</width>
							<height>45</height>
							<control type="image">
								<description>Network</description>
								<aspectratio>keep</aspectratio>
								<texture>network.png</texture>
								<visible>StringCompare(ListItem.Property(server_type),network)</visible>
							</control>
							<control type="image">
								<description>Wifi</description>
								<aspectratio>keep</aspectratio>
								<texture>wifi.png</texture>
								<visible>StringCompare(ListItem.Property(server_type),wifi)</visible>
							</control>
						</control>

						<control type="label">
							<width>300</width>
							<height>40</height>
							<left>55</left>
							<font>font10</font>
							<aligny>center</aligny>
							<textcolor>ff838383</textcolor>
							<info>ListItem.Label</info>
						</control>
					</itemlayout>
					<focusedlayout height="46">
						<control type="group">
							<width>45</width>
							<height>45</height>
							<control type="image">
								<description>Network</description>
								<aspectratio>keep</aspectratio>
								<texture>network.png</texture>
								<visible>StringCompare(ListItem.Property(server_type),network)</visible>
							</control>
							<control type="image">
								<description>Wifi</description>
								<aspectratio>keep</aspectratio>
								<texture>wifi.png</texture>
								<visible>StringCompare(ListItem.Property(server_type),wifi)</visible>
							</control>
						</control>

						<control type="label">
							<width>300</width>
							<height>40</height>
							<left>55</left>
							<font>font10</font>
							<aligny>center</aligny>
							<textcolor>white</textcolor>
							<info>ListItem.Label</info>
							<visible>Control.HasFocus(155)</visible>
						</control>
						<control type="label">
							<width>300</width>
							<height>40</height>
							<left>55</left>
							<font>font10</font>
							<aligny>center</aligny>
							<textcolor>ff838383</textcolor>
							<info>ListItem.Label</info>
							<visible>!Control.HasFocus(155)</visible>
						</control>
					</focusedlayout>
				</control>

				<control type="scrollbar" id="60">
					<left>395</left>
					<top>10</top>
					<width>5</width>
					<height>100%</height>
					<onleft>155</onleft>
					<onup>60</onup>
					<ondown>60</ondown>
					<texturesliderbackground colordiffuse="ff000000" border="4">box.png</texturesliderbackground>
					<texturesliderbar colordiffuse="ff222222" border="4">box.png</texturesliderbar>
					<texturesliderbarfocus colordiffuse="ff222222" border="4">box.png</texturesliderbarfocus>
					<showonepage>false</showonepage>
				</control>

				<control type="group">
					<top>100%</top>
					<height>220</height>
					<control type="group">
						<top>45</top>
						<height>150</height>
						<control type="button" id="205">
							<visible>True</visible>
							<description>Sign in Connect</description>
							<texturenofocus border="5" colordiffuse="ff0b8628">box.png</texturenofocus>
							<texturefocus border="5" colordiffuse="ff13a134">box.png</texturefocus>
							<label>[UPPERCASE][B]$ADDON[plugin.video.emby 30600][/B][/UPPERCASE]</label>
							<font>font10</font>
							<textcolor>ffa6a6a6</textcolor>
							<focusedcolor>white</focusedcolor>
							<align>center</align>
							<width>350</width>
							<height>50</height>
							<left>50</left>
							<onup>155</onup>
							<ondown>206</ondown>
						</control>

						<control type="button" id="206">
							<description>Manually add server</description>
							<texturenofocus border="5" colordiffuse="ff464646">box.png</texturenofocus>
							<texturefocus border="5" colordiffuse="ff525252">box.png</texturefocus>
							<label>[UPPERCASE][B]$ADDON[plugin.video.emby 30611][/B][/UPPERCASE]</label>
							<font>font10</font>
							<textcolor>ffa6a6a6</textcolor>
							<focusedcolor>white</focusedcolor>
							<align>center</align>
							<top>55</top>
							<width>350</width>
							<height>50</height>
							<left>50</left>
							<onup condition="Control.IsVisible(205)">205</onup>
							<onup condition="!Control.IsVisible(205)">155</onup>
							<ondown>201</ondown>
						</control>

						<control type="button" id="201">
							<description>Cancel</description>
							<texturenofocus border="5" colordiffuse="ff464646">box.png</texturenofocus>
							<texturefocus border="5" colordiffuse="ff525252">box.png</texturefocus>
							<label>[UPPERCASE][B]$ADDON[plugin.video.emby 30606][/B][/UPPERCASE]</label>
							<font>font10</font>
							<textcolor>ffa6a6a6</textcolor>
							<focusedcolor>white</focusedcolor>
							<align>center</align>
							<top>110</top>
							<width>350</width>
							<height>50</height>
							<left>50</left>
							<onup>206</onup>
						</control>
					</control>

					<control type="group" id="202">
						<top>100%</top>
						<visible>False</visible>
						<control type="image">
							<description>Message box</description>
							<texture colordiffuse="ff222222">white.png</texture>
							<width>100%</width>
							<height>50</height>
							<top>20</top>
						</control>

						<control type="label" id="203">
							<description>Message</description>
							<textcolor>white</textcolor>
							<font>font10</font>
							<aligny>center</aligny>
							<align>center</align>
							<height>50</height>
							<top>20</top>
						</control>
					</control>
				</control>
			</control>
		</control>
	</controls>
</window>