<?xml version="1.0" encoding="UTF-8"?>
<includes>
	<include name="DailyForecast">
		<control type="group">
			<visible>Container(9000).HasFocus(2)</visible>
			<!-- <include>SettingsFadeEffect</include> -->
			<left>470</left>
			<top>0</top>
			<width>1400</width>
			<height>780</height>

			<control type="panel" id="301">
				<left>0</left>
				<top>0</top>
				<width>1400</width>
				<height>780</height>
				<onup>301</onup>
				<ondown>301</ondown>
				<onleft>9000</onleft>
				<onclick condition="!String.IsEmpty(ListItem.Property(DetailedOutlook))">Skin.ToggleSetting(Weather.Zoom.Detailed)</onclick>
				<onfocus>Skin.Reset(Weather.Zoom.Detailed)</onfocus>
				<onunfocus>Skin.Reset(Weather.Zoom.Detailed)</onunfocus>

				<orientation>vertical</orientation>
				<scrolltime tween="quadratic" easing="out">200</scrolltime>
				<itemlayout height="260" width="700">
					<include content="ItemBorder">
					</include>
					<control type="label">
						<left>20</left>
						<right>20</right>
						<top>196</top>
						<height>50</height>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Label]</label>
					</control>
					<control type="multiimage">
						<description>current weather icon</description>
						<left>30</left>
						<top>30</top>
						<width>160</width>
						<height>160</height>
						<imagepath>$INFO[ListItem.Icon]</imagepath>
						<timeperimage>70</timeperimage>
						<fadetime>1</fadetime>
						<randomize>false</randomize>
						<aspectratio align="center" aligny="center">keep</aspectratio>
					</control>
					<control type="label">
						<left>200</left>
						<top>30</top>
						<width>475</width>
						<height>50</height>
						<font>font14</font>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Label2]</label>
					</control>

					<control type="label">
						<left>200</left>
						<top>30</top>
						<width>460</width>
						<height>50</height>
						<font>font13</font>
						<align>right</align>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(ChancePrecipitation)]</label>
					</control>

					<control type="label">
						<left>200</left>
						<top>80</top>
						<width>475</width>
						<height>50</height>
						<font>font15</font>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(HighTemperature),[COLOR=HighTemp],[/COLOR]]$INFO[ListItem.Property(LowTemperature),[COLOR=LowTemp],[/COLOR]]</label>
					</control>
					
					<control type="label">
						<left>200</left>
						<top>130</top>
						<width>475</width>
						<height>50</height>
						<font>font13</font>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(WindSpeed),$LOCALIZE[383]: ]</label>
					</control>
					<control type="label">
						<left>185</left>
						<top>130</top>
						<width>475</width>
						<height>50</height>
						<font>font13</font>
						<align>right</align>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(WindDirection)]</label>
					</control>

					<control type="image">
						<top>20</top>
						<left>20</left>
						<right>20</right>
						<height>180</height>
						<texture border="5">overlays/diffuse-overlay.png</texture>
						<visible>Skin.HasSetting(Enable.HighlightFocused)</visible>
					</control>
				</itemlayout>
				<focusedlayout height="260" width="700">
					<control type="button" id="3060">
						<visible>false</visible>
						<description>Dummy object to catch focus so we can clear property</description>
						<onfocus>Skin.Reset(Weather.Zoom.Detailed)</onfocus>
						<onunfocus>Skin.Reset(Weather.Zoom.Detailed)</onunfocus>
					</control>

					<include content="ItemFocusBorder">
					</include>
					<control type="label">
						<left>20</left>
						<right>20</right>
						<top>196</top>
						<height>50</height>
						<label>$INFO[ListItem.Label]</label>
					</control>
					<control type="multiimage">
						<description>current weather icon</description>
						<left>30</left>
						<top>30</top>
						<width>160</width>
						<height>160</height>
						<imagepath>$INFO[ListItem.Icon]</imagepath>
						<timeperimage>70</timeperimage>
						<fadetime>1</fadetime>
						<randomize>false</randomize>
						<aspectratio align="center" aligny="center">keep</aspectratio>
					</control>
					<control type="label">
						<left>200</left>
						<top>30</top>
						<width>475</width>
						<height>50</height>
						<font>font14</font>
						<label>$INFO[ListItem.Label2]</label>
					</control>
					<control type="label">
						<left>200</left>
						<top>30</top>
						<width>460</width>
						<height>50</height>
						<font>font13</font>
						<align>right</align>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(ChancePrecipitation)]</label>
					</control>

					<control type="label">
						<left>200</left>
						<top>80</top>
						<width>475</width>
						<height>50</height>
						<font>font15</font>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(HighTemperature),[COLOR=HighTemp],[/COLOR]]$INFO[ListItem.Property(LowTemperature),[COLOR=LowTemp],[/COLOR]]</label>
					</control>
					
					<control type="label">
						<left>200</left>
						<top>130</top>
						<width>475</width>
						<height>50</height>
						<font>font13</font>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(WindSpeed),$LOCALIZE[383]: ]</label>
					</control>
					<control type="label">
						<left>185</left>
						<top>130</top>
						<width>475</width>
						<height>50</height>
						<font>font13</font>
						<align>right</align>
						<selectedcolor>SelectedColor</selectedcolor>
						<label>$INFO[ListItem.Property(WindDirection)]</label>
					</control>

				</focusedlayout>
				<content>
					<item>
						<label>$LOCALIZE[31909]</label>
						<icon />
						<visible>String.IsEmpty(Window.Property(Daily.IsFetched))</visible>
					</item>
					<include content="weather-daily-item">
						<param name="index" value="1" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="2" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="3" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="4" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="5" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="6" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="7" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="8" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="9" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="10" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="11" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="12" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="13" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="14" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="15" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="16" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="17" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="18" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="19" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="20" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="21" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="22" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="23" />
					</include>
					<include content="weather-daily-item">
						<param name="index" value="24" />
					</include>

				</content>
			</control>
		</control>

	</include>
</includes>