<?xml version="1.0" encoding="UTF-8"?>
<window id="503">
  <defaultcontrol allways="true">50</defaultcontrol>
  <allowoverlay>no</allowoverlay>
  <include>OpenClose</include>
  <views>50</views>
  <controls>
    <include>MiniBackground</include>
    <control type="label">
      <include>Heading</include>
      <label>10503</label>
    </control>
    <control type="group">
      <description>Left panel</description>
      <posx>45</posx>
      <posy>78</posy>
      <control type="label">
        <posx>15</posx>
        <posy>15</posy>
        <width>615</width>
        <height>45</height>
        <font>size22</font>
        <label>31058</label>
      </control>
      <control type="image" description="Slider 50">
        <visible>Control.IsVisible(50)</visible>
        <posx>60</posx>
        <posy>99</posy>
        <width>600</width>
        <height>69</height>
        <texture border="8">img/ButtonFO.png</texture>
        <aspectratio>stretch</aspectratio>
        <animation condition="!Control.HasFocus(50)" effect="fade" start="100" end="0" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(0)" effect="slide" start="0,0" end="0,0" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(1)" effect="slide" start="0,0" end="0,60" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(2)" effect="slide" start="0,0" end="0,120" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(3)" effect="slide" start="0,0" end="0,180" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(4)" effect="slide" start="0,0" end="0,240" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(5)" effect="slide" start="0,0" end="0,300" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(6)" effect="slide" start="0,0" end="0,360" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(7)" effect="slide" start="0,0" end="0,420" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(8)" effect="slide" start="0,0" end="0,480" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(9)" effect="slide" start="0,0" end="0,540" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(10)" effect="slide" start="0,0" end="0,600" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(50).Position(11)" effect="slide" start="0,0" end="0,660" time="180" reversible="true">Conditional</animation>
      </control>
      <control type="fixedlist" id="50">
        <posx>60</posx>
        <posy>93</posy>
        <width>600</width>
        <height>828</height>
        <onleft>550</onleft>
        <onright>8999</onright>
        <onup>50</onup>
        <ondown>50</ondown>
        <viewtype label="">list</viewtype>
        <scrolltime>200</scrolltime>
        <focusposition>5</focusposition>
        <movement>6</movement>
        <pagecontrol>550</pagecontrol>
        <itemlayout height="60" width="600">
          <control type="label">
            <posx>30r</posx>
            <posy>0</posy>
            <width>570</width>
            <font>size22</font>
            <align>right</align>
            <scroll>false</scroll>
            <info>ListItem.Label</info>
          </control>
        </itemlayout>
        <focusedlayout height="60" width="600">
          <control type="label">
            <posx>30r</posx>
            <posy>0</posy>
            <width>570</width>
            <font>size22</font>
            <align>right</align>
            <info>ListItem.Label</info>
          </control>
        </focusedlayout>
      </control>
    </control>
    <control type="group">
      <description>Middle Panel</description>
      <posx>750</posx>
      <posy>68</posy>
      <control type="group">
        <visible>Control.HasFocus(50)</visible>
        <control type="image">
          <posx>0</posx>
          <posy>30</posy>
          <width>420</width>
          <height>390</height>
          <aligny>bottom</aligny>
          <aspectratio>keep</aspectratio>
          <texture>$INFO[Container(50).ListItem.Icon]</texture>
          <bordersize>2</bordersize>
        </control>
        <control type="textbox">
          <posx>15</posx>
          <posy>450</posy>
          <width>420</width>
          <height>420</height>
          <font>size17</font>
          <label>$INFO[Container(50).ListItem.Title,[COLOR=Grey]$LOCALIZE[556]:[/COLOR] ,[CR]]$INFO[Container(50).ListItem.Artist,[COLOR=Grey]$LOCALIZE[557]:[/COLOR] ,[CR]]$INFO[Container(50).ListItem.Album,[COLOR=Grey]$LOCALIZE[558]:[/COLOR] ,[CR]]$INFO[Container(50).ListItem.Duration,[COLOR=Grey]$LOCALIZE[555]:[/COLOR] ,[CR]]$INFO[Container(50).ListItem.Genre,[COLOR=Grey]$LOCALIZE[515]:[/COLOR] ,[CR]]</label>
        </control>
      </control>
      <control type="group">
        <visible>Control.HasFocus(100)</visible>
        <control type="image">
          <posx>0</posx>
          <posy>0</posy>
          <width>420</width>
          <height>420</height>
          <aspectratio>keep</aspectratio>
          <texture>$INFO[Container(100).ListItem.Icon]</texture>
          <bordersize>2</bordersize>
        </control>
        <control type="textbox">
          <posx>15</posx>
          <posy>450</posy>
          <width>420</width>
          <height>330</height>
          <font>size17</font>
          <label>$INFO[Container(100).ListItem.Title,[COLOR=Grey]$LOCALIZE[556]:[/COLOR] ,[CR]]$INFO[Container(100).ListItem.Artist,[COLOR=Grey]$LOCALIZE[557]:[/COLOR] ,[CR]]$INFO[Container(100).ListItem.Album,[COLOR=Grey]$LOCALIZE[558]:[/COLOR] ,[CR]]$INFO[Container(100).ListItem.Duration,[COLOR=Grey]$LOCALIZE[555]:[/COLOR] ,[CR]]$INFO[Container(100).ListItem.Genre,[COLOR=Grey]$LOCALIZE[515]:[/COLOR] ,[CR]]</label>
        </control>
      </control>
      <control type="group" id="8999">
        <posx>0</posx>
        <posy>753</posy>
        <control type="image" description="separator Bottom">
          <posy>-24</posy>
          <posx>15</posx>
          <width>390</width>
          <height>1</height>
          <texture>img/Line.png</texture>
          <aspectratio>stretch</aspectratio>
        </control>
        <control type="button" id="6" description="Open">
          <posx>0</posx>
          <posy>0</posy>
          <width>420</width>
          <label>31055</label>
          <font>size22</font>
          <onleft>50</onleft>
          <onright>100</onright>
          <onup>8</onup>
          <ondown>7</ondown>
          <height>60</height>
          <texturenofocus border="8">img/ButtonNF.png</texturenofocus>
        </control>
        <control type="button" id="7" description="Save">
          <posx>0</posx>
          <posy>69</posy>
          <width>420</width>
          <label>31056</label>
          <font>size22</font>
          <onleft>50</onleft>
          <onright>100</onright>
          <onup>6</onup>
          <ondown>8</ondown>
          <height>60</height>
          <texturenofocus border="8">img/ButtonNF.png</texturenofocus>
        </control>
        <control type="button" id="8" description="Clear">
          <posx>0</posx>
          <posy>138</posy>
          <width>420</width>
          <label>31057</label>
          <font>size22</font>
          <onleft>50</onleft>
          <onright>100</onright>
          <onup>7</onup>
          <ondown>6</ondown>
          <texturenofocus border="8">img/ButtonNF.png</texturenofocus>
        </control>
      </control>
    </control>
    <control type="group" description="Right panel">
      <posx>1215</posx>
      <posy>78</posy>
      <control type="label">
        <posx>15</posx>
        <posy>15</posy>
        <width>615</width>
        <height>45</height>
        <font>size24</font>
        <label>31059</label>
      </control>
      <control type="image" description="Slider 100">
        <visible>!IsEmpty(Container(100).ListItem.Label) + Control.IsVisible(100)</visible>
        <posx>0</posx>
        <posy>96</posy>
        <width>600</width>
        <height>69</height>
        <texture border="8">img/ButtonFO.png</texture>
        <aspectratio>stretch</aspectratio>
        <animation condition="!Control.HasFocus(100)" effect="fade" start="100" end="0" time="180" reversible="true">Conditional</animation>
        <!--FADE-->
        <animation condition="Container(100).Position(0)" effect="slide" start="0,0" end="0,0" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(1)" effect="slide" start="0,0" end="0,60" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(2)" effect="slide" start="0,0" end="0,120" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(3)" effect="slide" start="0,0" end="0,180" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(4)" effect="slide" start="0,0" end="0,240" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(5)" effect="slide" start="0,0" end="0,300" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(6)" effect="slide" start="0,0" end="0,360" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(7)" effect="slide" start="0,0" end="0,420" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(8)" effect="slide" start="0,0" end="0,480" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(9)" effect="slide" start="0,0" end="0,540" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(10)" effect="slide" start="0,0" end="0,600" time="180" reversible="true">Conditional</animation>
        <animation condition="Container(100).Position(11)" effect="slide" start="0,0" end="0,660" time="180" reversible="true">Conditional</animation>
      </control>
      <control type="fixedlist" id="100">
        <visible>!IsEmpty(Container(100).ListItem.Label)</visible>
        <posx>-15</posx>
        <posy>93</posy>
        <width>630</width>
        <height>828</height>
        <onleft>8999</onleft>
        <onright>150</onright>
        <onup>100</onup>
        <ondown>100</ondown>
        <pagecontrol>150</pagecontrol>
        <viewtype label="">list</viewtype>
        <scrolltime>200</scrolltime>
        <focusposition>5</focusposition>
        <movement>6</movement>
        <itemlayout height="60" width="600">
          <control type="label">
            <posx>30</posx>
            <posy>0</posy>
            <width>570</width>
            <font>size22</font>
            <scroll>false</scroll>
            <info>ListItem.Label</info>
          </control>
        </itemlayout>
        <focusedlayout height="60" width="600">
          <control type="label">
            <posx>30</posx>
            <posy>0</posy>
            <width>570</width>
            <font>size22</font>
            <info>ListItem.Label</info>
          </control>
        </focusedlayout>
      </control>
    </control>
    <control type="scrollbar" id="550">
      <posx>15</posx>
      <posy>210</posy>
      <height>759</height>
      <width>30</width>
      <onleft>-</onleft>
      <onright>50</onright>
      <animation type="Conditional" condition="!Control.HasFocus(550) + !Container.Scrolling">
        <effect type="fade" start="100" end="40" time="200" reversible="true" />
      </animation>
    </control>
    <control type="scrollbar" id="150">
      <posx>45r</posx>
      <posy>210</posy>
      <height>759</height>
      <width>30</width>
      <onleft>100</onleft>
      <onright>-</onright>
      <animation type="Conditional" condition="!Control.HasFocus(150) + !Container.Scrolling">
        <effect type="fade" start="100" end="40" time="200" reversible="true" />
      </animation>
    </control>
  </controls>
</window>
