<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
	<allowoverlay>yes</allowoverlay>
	
	<controls>
        
        <!--*** Overlay ***-->
        <control>
            <id>0</id>
            <description>Overlay</description>
            <type>image</type>
            <width>1920</width>
            <height>1080</height>
            <texture>weather_bg_transparent.png</texture>
            <visible>string.equals(#WorldWeather.ConditionView,History)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Provider Info *** -->
        <control>
            <description>provider logo</description>
            <type>image</type>
            <id>0</id>
            <posX>60</posX>
            <posY>910</posY>
            <width>200</width>
            <height>200</height>
            <align>left</align>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.HistoryProviderImage</texture>
            <visible>string.equals(#WorldWeather.ConditionView,History)+!control.hasfocus(20)</visible>
            <shouldCache>true</shouldCache>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        <control>
            <description>provider label</description>
            <type>label</type>
            <id>0</id>
            <posX>0</posX>
            <posY>1035</posY>
            <width>1920</width>
            <align>center</align>
            <font>AvalonLight12</font>
            <keepaspectratio>yes</keepaspectratio>
            <label>#WorldWeather.TranslationProvider #WorldWeather.HistoryProvider</label>
            <visible>string.equals(#WorldWeather.ConditionView,History)+!control.hasfocus(20)</visible>
            <shouldCache>true</shouldCache>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** History Label *** -->
        <control>
            <description>History label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <align>RIGHT</align>
            <label>#WorldWeather.TranslationHistoryCondition Chart</label>
            <font>fontB16</font>
            <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
		<!-- *** Location and Year label *** -->
		<control>
			<description>Location year label</description>
			<type>fadelabel</type>
			<id>0</id>
			<posX>830</posX>
			<posY>160</posY>
            <width>1030</width>
            <align>CENTER</align>
			<label>History #WorldWeather.TranslationChart for todays weather in #WorldWeather.Location #WorldWeather.LocationDescription-  years #WorldWeather.HistoryYear0Year to #WorldWeather.HistoryYear4Year</label>
			<font>AvalonLight12</font>
            <textcolor>6aa5cb</textcolor>
            <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
		</control>

		<!-- *** History Temperature Chart (Year) *** -->
		<control>
			<description>temperature chart</description>
			<type>image</type>
			<id>0</id>
			<posX>805</posX>
			<posY>190</posY>
			<width>1130</width>
			<height>680</height>
			<keepaspectratio>no</keepaspectratio>
			<texture>#WorldWeather.HistoryYearTemperatureChart</texture>
			<visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            <animation effect="fade" time="700">visiblechange</animation>
		</control>

		<!-- *** History (Day) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>300</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 day</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0Day</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Day, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 day</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1Day</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Day, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 day</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2Day</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Day, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 day</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3Day</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Day, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 day</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4Day</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Day, )</visible>
            </control>
        </control>
            
		<!-- *** History (Date) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>360</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 date</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0Date</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 date</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1Date</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 date</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2Date</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 date</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3Date</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 date</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4Date</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Icon) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(60, Horizontal, true)</layout>
            <posX>1000</posX>
            <posY>380</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control>
                <description>year 0 icon</description>
                <type>image</type>
                <id>0</id>
                <width>100</width>
                <height>100</height>
                <texture>#WorldWeather.HistoryYear0IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control>
                <description>year 1 icon</description>
                <type>image</type>
                <id>0</id>
                <width>100</width>
                <height>100</height>
                <texture>#WorldWeather.HistoryYear1IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control>
                <description>year 2 icon</description>
                <type>image</type>
                <id>0</id>
                <width>100</width>
                <height>100</height>
                <texture>#WorldWeather.HistoryYear2IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control>
                <description>year 3 icon</description>
                <type>image</type>
                <id>0</id>
                <width>100</width>
                <height>100</height>
                <texture>#WorldWeather.HistoryYear3IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control>
                <description>year 4 icon</description>
                <type>image</type>
                <id>0</id>
                <width>100</width>
                <height>100</height>
                <texture>#WorldWeather.HistoryYear4IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Condition) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>480</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 condition</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0Condition</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 condition</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1Condition</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 condition</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2Condition</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 condition</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3Condition</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 condition</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4Condition</label>
                <font>font9</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Temperature) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>540</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 temperature</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0MinTemperature / #WorldWeather.HistoryYear0MaxTemperature</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 temperature</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1MinTemperature / #WorldWeather.HistoryYear1MaxTemperature</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 temperature</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2MinTemperature / #WorldWeather.HistoryYear2MaxTemperature</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 temperature</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3MinTemperature / #WorldWeather.HistoryYear3MaxTemperature</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 temperature</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4MinTemperature / #WorldWeather.HistoryYear4MaxTemperature</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Wind) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>600</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 wind</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0MinWindSpeed / #WorldWeather.HistoryYear0MaxWindSpeed</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 wind</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1MinWindSpeed / #WorldWeather.HistoryYear1MaxWindSpeed</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 wind</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2MinWindSpeed / #WorldWeather.HistoryYear2MaxWindSpeed</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 wind</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3MinWindSpeed / #WorldWeather.HistoryYear3MaxWindSpeed</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 wind</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4MinWindSpeed / #WorldWeather.HistoryYear4MaxWindSpeed</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Pressure) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>660</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 pressure</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0MinPressure / #WorldWeather.HistoryYear0MaxPressure</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 pressure</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1MinPressure / #WorldWeather.HistoryYear1MaxPressure</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 pressure</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2MinPressure / #WorldWeather.HistoryYear2MaxPressure</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 pressure</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3MinPressure / #WorldWeather.HistoryYear3MaxPressure</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 pressure</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4MinPressure / #WorldWeather.HistoryYear4MaxPressure</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
        </control>
            
		<!-- *** History (Precipitation) *** -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(0, Horizontal, true)</layout>
            <posX>967</posX>
            <posY>720</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>year 0 precipitation</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear0Precipitation</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear0Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 1 precipitation</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear1Precipitation</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear1Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 2 precipitation</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear2Precipitation</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear2Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 3 precipitation</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear3Precipitation</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear3Date, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>year 4 precipitation</description>
                <type>label</type>
                <id>0</id>
                <width>160</width>
                <align>center</align>
                <label>#WorldWeather.HistoryYear4Precipitation</label>
                <font>font8</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,History)+!string.equals(#WorldWeather.HistoryYear4Date, )</visible>
            </control>
            
		</control>
   </controls>
</window>        
            
            
            
            
            
            
            
            
            
            
        
            
            
            
            
            
            
            
            
            
            
        
        
        
        
        
        
        
        
        
        
        
        
            
