<?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_views.png</texture>
            <visible>string.equals(#WorldWeather.ConditionView,Hour)</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>250</width>
            <height>250</height>
            <align>left</align>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.HourForecastProviderImage</texture>
            <visible>string.equals(#WorldWeather.ConditionView,Hour)+!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.HourForecastProvider</label>
            <visible>string.equals(#WorldWeather.ConditionView,Hour)+!control.hasfocus(20)</visible>
            <shouldCache>true</shouldCache>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Hourly Forecast label *** -->
        <control>
            <description>Hourly Forecast label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <align>RIGHT</align>
            <label>Hourly #WorldWeather.TranslationForecastCondition</label>
            <font>fontB16</font>
            <visible>string.equals(#WorldWeather.ConditionView,Hour)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--  ***  Start Date Row 1  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>165</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 0 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour0StartDate #WorldWeather.ForecastHour0StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 1 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour1StartDate #WorldWeather.ForecastHour1StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 2 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour2StartDate #WorldWeather.ForecastHour2StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 3 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour3StartDate #WorldWeather.ForecastHour3StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 4 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour4StartDate #WorldWeather.ForecastHour4StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 5 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour5StartDate #WorldWeather.ForecastHour5StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Start Date Row 2  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>540</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 6 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour6StartDate #WorldWeather.ForecastHour6StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 7 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour7StartDate #WorldWeather.ForecastHour7StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 8 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour8StartDate #WorldWeather.ForecastHour8StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 9 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour9StartDate #WorldWeather.ForecastHour9StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 10 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour10StartDate #WorldWeather.ForecastHour10StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 11 start date</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour11StartDate #WorldWeather.ForecastHour11StartTime</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Dividers Row 1  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(62, Horizontal, true)</layout>
            <posX>321</posX>
            <posY>185</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
        </control>
        
        <!--  ***  Dividers Row 2  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(62, Horizontal, true)</layout>
            <posX>321</posX>
            <posY>560</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
            <control>
                <description>horizontal line</description>
                <type>image</type>
                <id>0</id>
                <posX>850</posX>
                <posY>560</posY>
                <width>201</width>
                <height>2</height>
                <texture>weather_horizontal_bar_blue.png</texture>
                <align>CENTER</align>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)</visible>
            </control>
        </control>
        
        <!--  ***  Icons Row 1  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(178, Horizontal, true)</layout>
            <posX>380</posX>
            <posY>195</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control>
                <description>hour 0 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour0IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>    
            <control>
                <description>hour 1 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour1IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control>
                <description>hour 2 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour2IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control>
                <description>hour 3 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour3IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control>
                <description>hour 4 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour4IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control>
                <description>hour 5 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour5IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Icons Row 2  ***    -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(178, Horizontal, true)</layout>
            <posX>380</posX>
            <posY>570</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control>
                <description>hour 6 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour6IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control>
                <description>hour 7 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour7IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control>
                <description>hour 8 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour8IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control>
                <description>hour 9 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour9IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control>
                <description>hour 10 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour10IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control>
                <description>hour 11 icon</description>
                <type>image</type>
                <id>0</id>
                <width>85</width>
                <height>85</height>
                <texture>#WorldWeather.ForecastHour11IconImage</texture>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Conditions Row 1  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>270</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 0 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour0Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 1 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour1Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 2 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour2Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 3 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour3Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 4 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour4Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 5 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour5Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Conditions Row 2  ***   -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>645</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 6 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour6Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 7 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour7Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 8 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour8Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 9 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour9Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 10 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour10Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 11 condition</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour11Condition</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Temperature Row 1  ***    -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>325</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 0 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour0Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 1 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour1Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 2 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour2Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 3 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour3Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 4 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour4Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 5 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour5Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Temperature Row 2  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>700</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 6 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour6Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 7 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour7Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 8 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour8Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 9 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour9Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 10 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour10Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 11 Temperature</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour11Temperature</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Wind Row 1  ***    -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>385</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 0 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour0WindSpeed (#WorldWeather.ForecastHour0WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 1 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour1WindSpeed (#WorldWeather.ForecastHour1WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 2 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour2WindSpeed (#WorldWeather.ForecastHour2WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 3 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour3WindSpeed (#WorldWeather.ForecastHour3WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 4 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour4WindSpeed (#WorldWeather.ForecastHour4WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 5 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour5WindSpeed (#WorldWeather.ForecastHour5WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Wind Row 2  ***    -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>760</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 6 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour6WindSpeed (#WorldWeather.ForecastHour6WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 7 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour7WindSpeed (#WorldWeather.ForecastHour7WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 8 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour8WindSpeed (#WorldWeather.ForecastHour8WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 9 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour9WindSpeed (#WorldWeather.ForecastHour9WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 10 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour10WindSpeed (#WorldWeather.ForecastHour10WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 11 wind</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour11WindSpeed (#WorldWeather.ForecastHour11WindDirection)</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Atmosphere Row 1  ***  -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>445</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 0 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour0Humidity - #WorldWeather.ForecastHour0Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour0StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 1 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour1Humidity - #WorldWeather.ForecastHour1Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour1StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 2 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour2Humidity - #WorldWeather.ForecastHour2Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour2StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 3 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour3Humidity - #WorldWeather.ForecastHour3Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour3StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 4 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour4Humidity - #WorldWeather.ForecastHour4Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour4StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 5 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour5Humidity - #WorldWeather.ForecastHour5Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour5StartDay, )</visible>
            </control>
        </control>
        
        <!--  ***  Atmosphere Row 2  ***    -->
        <control>
            <type>group</type>
            <description>group element</description>
            <layout>StackLayout(88, Horizontal, true)</layout>
            <posX>335</posX>
            <posY>820</posY>
            <animation effect="fade" time="700">visiblechange</animation>
            <control Style="RealWhiteColor">
                <description>hour 6 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour6Humidity - #WorldWeather.ForecastHour6Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour6StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 7 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour7Humidity - #WorldWeather.ForecastHour7Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour7StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 8 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour8Humidity - #WorldWeather.ForecastHour8Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour8StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 9 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour9Humidity - #WorldWeather.ForecastHour9Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour9StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 10 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour10Humidity - #WorldWeather.ForecastHour10Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour10StartDay, )</visible>
            </control>
            <control Style="RealWhiteColor">
                <description>hour 11 athmosphere</description>
                <type>label</type>
                <id>0</id>
                <width>175</width>
                <align>center</align>
                <label>#WorldWeather.ForecastHour11Humidity - #WorldWeather.ForecastHour11Pressure</label>
                <font>AvalonLight10</font>
                <visible>string.equals(#WorldWeather.View,Condition)+string.equals(#WorldWeather.ConditionView,Hour)+!string.equals(#WorldWeather.ForecastHour11StartDay, )</visible>
            </control>
            
        </control>
    </controls>
</window>
