<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
    <allowoverlay>yes</allowoverlay>
    
    <controls>
        
        <!--*** Image Overlay ***-->
        <control>
            <id>0</id>
            <description>Overlay</description>
            <type>image</type>
            <visible>string.equals(#WorldWeather.View,Image)+!string.equals(#WorldWeather.ImageView,Flat</visible>
            <width>1920</width>
            <height>1080</height>
            <texture>weather_bg_transparent.png</texture>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Avallonis logo *** -->
        <control>
            <description>Avallonis 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>Avallonis_logo.png</texture>
            <visible>string.equals(#WorldWeather.View,Image)</visible>
            <shouldCache>true</shouldCache>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 0 *** -->
        <control>
            <id>0</id>
            <description>Image 0</description>
            <type>image</type>
            <posX>974</posX>
            <posY>58</posY>
            <width>737</width>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather0</texture>
            <visible>string.equals(#WorldWeather.View,Image)+string.equals(#WorldWeather.ImageView,Flat)+[control.hasfocus(10)|control.hasfocus(2)|control.hasfocus(3)|control.hasfocus(4)|control.hasfocus(5)|control.hasfocus(9)]</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 0 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather0Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(10)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 1 *** -->
        <control>
            <id>0</id>
            <description>Image 1</description>
            <type>image</type>
            <posX>832</posX>
            <posY>122</posY>
            <width>1023</width>
            <height>735</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather1</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(11)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 1 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather1Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(11)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 2 *** -->
        <control>
            <id>0</id>
            <description>Image 2</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather2</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(12)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 2 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather2Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(12)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 3 *** -->
        <control>
            <id>0</id>
            <description>Image 3</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather3</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(13)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 3 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather3Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(13)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 4 *** -->
        <control>
            <id>0</id>
            <description>Image 4</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather4</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(14)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 4 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather4Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(14)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 5 *** -->
        <control>
            <id>0</id>
            <description>Image 5</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather5</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(15)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 5 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather5Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(15)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 6 *** -->
        <control>
            <id>0</id>
            <description>Image 6</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather6</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(16)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 6 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather6Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(16)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
         
        <!-- *** Image 7 *** -->
        <control>
            <id>0</id>
            <description>Image 7</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather7</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(17)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 7 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather7Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(17)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 8 *** -->
        <control>
            <id>0</id>
            <description>Image 8</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather8</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(18)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 8 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather8Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(18)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 9 *** -->
        <control>
            <id>0</id>
            <description>Image 9</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather9</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(19)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 9 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather9Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(19)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Image 10 *** -->
        <control>
            <id>0</id>
            <description>Image 10</description>
            <type>image</type>
            <posX>832</posX>
            <posY>140</posY>
            <width>1023</width>
            <height>701</height>
            <align>center</align>
            <valign>bottom</valign>
            <keepaspectratio>yes</keepaspectratio>
            <texture>#WorldWeather.ImageWeather10</texture>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(20)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!--*** Image 10 label ***-->
        <control>
            <description>Header label</description>
            <type>label</type>
            <id>0</id>
            <posX>1832</posX>
            <posY>958</posY>
            <width>1170</width>
            <label>#WorldWeather.ImageWeather10Description</label>
            <font>fontB16</font>
            <align>right</align>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(20)+string.equals(#WorldWeather.ImageView,Flat)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
                        
        <!-- *** Image Facade *** -->
        <control>
            <description>group element</description>
            <type>group</type>
            <visible>!control.HasFocus(50)</visible>
            <control>
                <id>50</id>
                <description>Weather facade</description>
                <type>facadeview</type>
                                
                <!-- *** Filmstrip View *** -->
                <control>
                    <description>Filmstrip view</description>
                    <type>filmstrip</type>
                    <id>50</id>
                    <scrollOffset>2</scrollOffset>
                    <posX>500</posX>
                    <posY>420</posY>
                    <width>1100</width>
                    <height>720</height>
                    <onup>5</onup>
                    <onleft>5</onleft>
                    <itemWidth>200</itemWidth>
                    <itemHeight>168</itemHeight>
                    <textureWidth>192</textureWidth>
                    <textureHeight>130</textureHeight>
                    <thumbWidth>192</thumbWidth>
                    <thumbHeight>130</thumbHeight>
                    <thumbPosX>0</thumbPosX>
                    <thumbPosY>0</thumbPosY>
                    <keepaspectratio>yes</keepaspectratio>
                    <imageFolder>Picturethumbframe.png</imageFolder>
                    <imageFolderFocus>Picturethumbframe.png</imageFolderFocus>
                    <frame>Picturethumbframe.png</frame>
                    <frameFocus>Picturethumbframe.png</frameFocus>
                    <textureMask>Picturethumbmask.png</textureMask>
                    <thumbs mask="Picturethumbmask.png" />
                    <background>emtpy.png</background>
                    <InfoImage />
                    <showFrame>yes</showFrame>
                    <showFolder>no</showFolder>
                    <showBackGround>no</showBackGround>
                    <showInfoImage>no</showInfoImage>
                    <keepaspectratio>yes</keepaspectratio>
                    <dimColor>80ffffff</dimColor>
                    <spinPosX>2640</spinPosX>
                    <scrollbarBackground>bar_hor.png</scrollbarBackground>
                    <scrollbarLeft>mouse_left_horizontal.png</scrollbarLeft>
                    <scrollbarRight>mouse_right_horizontal.png</scrollbarRight>
                    <scrollbarYOff>250</scrollbarYOff>
                    <showScrollbar>no</showScrollbar>
                    <thumbAnimation effect="zoom" start="100,100" end="230,230" time="70">focus</thumbAnimation>
                    <thumbAnimation effect="zoom" start="230,230" end="100,100" time="70">unfocus</thumbAnimation>
                    <visible>string.equals(#WorldWeather.View,Image)+string.equals(#WorldWeather.ImageView,Filmstrip)</visible>
                </control>
                
                <!-- *** Coverflow View *** -->
                <control>
                    <description>Coverflow view</description>
                    <type>coverflow</type>
                    <id>50</id>
                    <posX>300</posX>
                    <posY>300</posY>
                    <width>1280</width>
                    <height>720</height>
                    <onleft>5</onleft>
                    <onright>5</onright>
                    <onup>5</onup>
                    <ondown>5</ondown>
                    <selectedCard>0</selectedCard>
                    <cardWidth>450</cardWidth>
                    <cardHeight>300</cardHeight>
                    <angle>65</angle>
                    <sideShift>500</sideShift>
                    <sideGap>100</sideGap>
                    <sideDepth>700</sideDepth>
                    <offsetY>0</offsetY>
                    <selectedOffsetY>-20</selectedOffsetY>
                    <speed>8</speed>
                    <backgroundColor>000000FF</backgroundColor>
                    <backgroundHeight>100</backgroundHeight>
                    <backgroundWidth>1366</backgroundWidth>
                    <backgroundX>0</backgroundX>
                    <backgroundY>470</backgroundY>
                    <backgroundDiffuse>60000000</backgroundDiffuse>
                    <background />
                    <showBackground>yes</showBackground>
                    <showFrame>yes</showFrame>
                    <frame>Picturethumbframe.png</frame>
                    <frameFocus>Picturethumbframe.png</frameFocus>
                    <frameWidth>450</frameWidth>
                    <frameHeight>300</frameHeight>
                    <spinSpeed>8</spinSpeed>
                    <unfocusedAlpha>FF</unfocusedAlpha>
                    <folderPrefix />
                    <folderSuffix />
                    <font1>font14</font1>
                    <font2>font10</font2>
                    <label1 />
                    <label2 />
                    <keepaspectratio>yes</keepaspectratio>
                    <textColor>FFFFFFFF</textColor>
                    <remoteColor>FFFF0000</remoteColor>
                    <playedColor>FFA0D0FF</playedColor>
                    <downloadColor>FF00FF00</downloadColor>
                    <selectedColor>FFFFFFFF</selectedColor>
                    <shadowDistance>1</shadowDistance>
                    <label1YOff>-20</label1YOff>
                    <label2YOff>390</label2YOff>
                    <pageSize>100</pageSize>
                    <scrollbarBackground>bar_hor.png</scrollbarBackground>
                    <scrollbarLeft>mouse_left_horizontal.png</scrollbarLeft>
                    <scrollbarRight>mouse_right_horizontal.png</scrollbarRight>
                    <scrollbarYOff>330</scrollbarYOff>
                    <showScrollbar>no</showScrollbar>
                    <cards mask="Picturethumbmask.png">Picturethumbmask.png</cards>
                    <visible>string.equals(#WorldWeather.View,Image)+string.equals(#WorldWeather.ImageView,Coverflow)</visible>
                </control>
            
                <!-- *** Thumbnail View *** -->
                <control>
                    <description>Thumbnail Panel</description>
                    <type>thumbnailpanel</type>
                    <id>50</id>
                    <posX>500</posX>
                    <posY>300</posY>
                    <width>1000</width>
                    <height>605</height>
                    <itemWidthBig>300</itemWidthBig>
                    <itemHeightBig>190</itemHeightBig>
                    <thumbWidthBig>270</thumbWidthBig>
                    <thumbHeightBig>160</thumbHeightBig>
                    <thumbPosXBig>0</thumbPosXBig>
                    <thumbPosYBig>0</thumbPosYBig>
                    <textureWidthBig>270</textureWidthBig>
                    <textureHeightBig>160</textureHeightBig>
                    <textureMask>Picturethumbmask.png</textureMask>
                    <frameNoFocus>Picturethumbframe.png</frameNoFocus>
                    <frameFocus>Picturethumbframe.png</frameFocus>
                    <keepaspectratio>yes</keepaspectratio>
                    <onleft>5</onleft>
                    <onright>5</onright>
                    <unfocusedAlpha>200</unfocusedAlpha>
                    <enableFocusZoom>yes</enableFocusZoom>
                    <zoomXPixels>50</zoomXPixels>
                    <zoomYPixels>50</zoomYPixels>
                    <hideUnfocusTexture>no</hideUnfocusTexture>
                    <scrollbarHeight>400</scrollbarHeight>
                    <scrollbarbg>bar_vert.png</scrollbarbg>
                    <scrollbartop>mouse_left_horizontal.png</scrollbartop>
                    <scrollbarbottom>mouse_right_horizontal.png</scrollbarbottom>
                    <scrollbarXOff>-45</scrollbarXOff>
                    <scrollbarYOff>0</scrollbarYOff>
                    <showScrollbar>no</showScrollbar>
                    <scrollbarwidth>20</scrollbarwidth>
                    <visible>string.equals(#WorldWeather.View,Image)+string.equals(#WorldWeather.ImageView,Thumbnail)</visible>
                </control>
                
            </control>
        </control>
        
        <!--*** Facade Overlay ***-->
        <control>
            <id>0</id>
            <description>Facade Overlay</description>
            <type>image</type>
            <visible>string.equals(#WorldWeather.ImageView,Filmstrip</visible>
            <width>1920</width>
            <height>1080</height>
            <texture>weather_bg_transparent_facade.png</texture>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
        <!-- *** Facade View Label *** -->
        <control>
            <description>Label for filmstrip view</description>
            <type>label</type>
            <id>0</id>
            <posX>0</posX>
            <posY>1035</posY>
            <width>1920</width>
            <align>CENTER</align>
            <font>font22</font>
            <label>#selecteditem</label>
            <visible>string.equals(#WorldWeather.View,Image)+control.hasfocus(50)</visible>
            <animation effect="fade" time="700">visiblechange</animation>
        </control>
        
    </controls>
</window>
