<?xml version="1.0" encoding="utf-8"?>
<window>
	<defaultcontrol always="true">120</defaultcontrol>
    <allowoverlay>no</allowoverlay>
    <controls>
        <animation type="WindowOpen">
            <effect type="fade" start="0" end="100" time="200" delay="300" />
        </animation>
        <animation type="WindowClose">
            <effect type="fade" start="100" end="0" time="200" />
        </animation>
        <animation type="Visible">
            <effect type="fade" start="0" end="100" time="200" delay="300" />
        </animation>
        <animation type="Hidden">
            <effect type="fade" start="100" end="0" time="200" />
        </animation>
		<include>SkinTransparentBackground</include>
		<control type="image">
			<left>0</left>
			<top>0</top>
			<width>1280</width>
			<height>30</height>
			<texture>tile.png</texture>
			<visible>!Window.IsVisible(107)</visible>
		</control>
		<!-- Filename Background -->
		<control type="image">
			<left>0</left>
			<top>690</top>
			<width>1280</width>
			<height>30</height>
			<texture>tile.png</texture>
		</control>
		<control type="label">
			<description>FileName</description>
			<left>5</left>
			<top>693</top>
			<label>[COLOR Accent]$LOCALIZE[561][/COLOR]$INFO[Player.Filename, • ]</label>
			<width>1280</width>
			<height>25</height>
			<align>left</align>
			<font>Panel_Hint</font>
		</control>
			
		<!-- Subtitle Service Name -->
		<control type="label" id="100">
			<description>textarea</description>
			<left>5</left>
			<top>0</top>
			<width>1280</width>
			<height>25</height>
			<align>left</align>
			<font></font>
		</control>
		<!-- Nr of Subtitles Found -->
		<control type="label" id="140">
			<description>textarea</description>
			<left>5</left>
			<top>0</top>
			<width>1280</width>
			<height>25</height>
			<align>left</align>
			<font></font>
		</control>
		<!-- Connecting - Info - Subtitles Found Info -->
		<control type="label">
			<description>Subtitle Service and Nr of Subtitles Found</description>
			<left>5</left>
			<top>0</top>
			<width>1280</width>
			<height>25</height>
			<align>left</align>
			<font>Panel_Hint</font>
			<label>$INFO[Control.getLabel(100)]$INFO[Control.getLabel(140), • ]</label>
			<visible>!Window.IsVisible(107)</visible>
		</control>
		<!-- Available Services Group -->
		<control type="group">
			<animation type="Hidden">
				<effect type="fade" time="300" />
				<effect type="slide" end="-1000" time="300" />
			</animation>
			<animation type="Visible">
				<effect type="fade" time="300" />
				<effect type="slide" start="-1000" time="300" />
			</animation>
			<visible>!Window.IsVisible(addonsettings)</visible>
			<left>940</left>
			<!--Background for Available Services -->
			<control type="image">
				<top>290</top>
				<width>310</width>
				<height>220</height>
				<texture>tile.png</texture>
			</control>
				<!--Background for Logo -->
			<control type="image">
				<top>560</top>
				<width>310</width>
				<height>85</height>
				<texture>tile.png</texture>
			</control>
			<!-- Info Text Subtitle Available -->
			<control type="group" id="130">
				<control type="grouplist">
					<left></left>
					<top>650</top>
					<width>310</width>
					<height>30</height>
					<orientation>horizontal</orientation>
					<itemgap>5</itemgap>
					<control type="image">
						<width>30</width>
						<height>30</height>
						<texture>DefaultIconInfo.png</texture>
					</control>
					<control type="label">
						<description>notification</description>
						<width min="10" max="560">auto</width>
						<height>30</height>
						<font>List_Hint</font>
						<label>$LOCALIZE[31206]</label>
					</control>
				</control>
			</control>
			<!-- Available Services Heading -->
			<control type="label">
				<description>Available sources label</description>
				<top>245</top>
				<width>310</width>
				<label>14036</label>
				<font>Panel_Description_Title</font>
			</control>
			<!-- Subtitle Services List -->
			<control type="group">
				<top>290</top>
				<control type="list" id="150">
					<left>0</left>
					<top>0</top>
					<width>310</width>
					<height>225</height>
					<onleft>120</onleft>
					<onright>150</onright>
					<onup>150</onup>
					<ondown>160</ondown>
					<scrolltime>200</scrolltime>
					<itemlayout width="310" height="45">
						<control type="label">
							<left>10</left>
							<top>5</top>
							<aligny>top</aligny>
							<width>290</width>
							<font>Panel_Hint</font>
							<info>ListItem.Label</info>
						</control>
					</itemlayout>
					<focusedlayout width="310" height="45">
						<control type="image">
							<left>0</left>
							<top>0</top>
							<width>310</width>
							<height>40</height>
							<texture colordiffuse="AccentDiffuse">button.png</texture>
							<visible>Control.HasFocus(150)</visible>
						</control>
						<control type="label">
							<left>10</left>
							<top>5</top>
							<aligny>top</aligny>
							<width>290</width>
							<info>ListItem.Label</info>
							<font>Panel_Hint</font>
							<selectedcolor>white</selectedcolor>
						</control>
					</focusedlayout>
				</control>
			</control>
			<!-- Logo of Service -->
			<control type="image" id="110">
				<description>Service Logo</description>
				<top>560</top>
				<width>310</width>
				<height>85</height>
				<bordersize>10</bordersize>
				<aspectratio>keep</aspectratio>
			</control>
			<!-- Backgrond Manual Search  -->
			<control type="image">
				<top>515</top>
				<width>310</width>
				<height>40</height>
				<texture>tile.png</texture>
			</control>
			<control type="button" id="160">
				<description>Manual search button</description>
				<top>515</top>
				<width>310</width>
				<height>40</height>
				<onleft>120</onleft>
				<onright>120</onright>
				<onup>150</onup>
				<ondown>150</ondown>
				<label>413</label>
				<font>Panel_Hint</font>
				<align>center</align>
			</control>
		</control>			
		<!-- Subtitles List Group -->
        <control type="group">
		    <left>50</left>
            <top>0</top>
            <animation type="Hidden">
                <effect type="fade" time="300" />
                <effect type="slide" end="-1000" time="300" />
            </animation>
            <animation type="Visible">
                <effect type="fade" time="300" />
                <effect type="slide" start="-1000" time="300" />
            </animation>
            <visible>!Window.IsVisible(addonsettings)</visible>
			<!-- Subtitles Heading-->
			<control type="label">
                <description>header label</description>
				<top>215</top>
                <height>30</height>
                <width>800</width>
                <font>Panel_Title</font>
                <align>Left</align>
				<aligny>Top</aligny>
                <textcolor>Accent</textcolor>
                <label>$LOCALIZE[287]</label>
				<visible>!String.IsEmpty(Container(120).ListItem.Label)</visible>
            </control>
			
			<!-- List of Subtitles -->
			<control type="list" id="120">
                <left>0</left>
                <top>290</top>
                <width>885</width>
                <height>360</height>
                <onleft>120</onleft>
                <onright>150</onright>
                <onup>120</onup>
                <ondown>120</ondown>
                <pagecontrol></pagecontrol>
                <scrolltime>200</scrolltime>
                <itemlayout width="885" height="45">
					<!-- Language Background -->
					<control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>120</width>
                        <height>40</height>
                        <texture>tile.png</texture>
                    </control>
					<!-- Subtitle Background / NO SYNC / NO HI -->
					<control type="image">
						<left>125</left>
						<top>0</top>
						<width>760</width>
						<height>40</height>
						<texture>tile.png</texture>
						<visible>!ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / NO SYNC / HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>715</width>
                        <height>40</height>
                        <texture>tile.png</texture>
						<visible>!ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / SYNC /  NO HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>685</width>
                        <height>40</height>
                        <texture>tile.png</texture>
						<visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / SYNC / HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>640</width>
                        <height>40</height>
                        <texture>tile.png</texture>
						<visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>					
					<!-- Sync Background / HI -->
					<control type="image">
                        <left>770</left>
                        <width>70</width>
						<height>40</height>
						<texture>tile.png</texture>
                        <visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Background / NO HI -->
					<control type="image">
                        <left>815</left>
                        <width>70</width>
						<height>40</height>
						<texture>tile.png</texture>
                        <visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- HI Background -->
					<control type="image">
                        <left>845</left>
                        <width>40</width>
						<height>40</height>
						<texture>tile.png</texture>
                        <visible>ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Language -->
                    <control type="label">
						<left>10</left>
						<top>5</top>
						<width>100</width>
						<aligny>top</aligny>
						<align>center</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label]</label>
                    </control>
					<!-- Subtitle  / NO SYNC / NO HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>740</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>!ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle  / NO SYNC / HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>700</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>!ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle  / SYNC / NO HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>665</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle / SNYC / HI  -->
                    <control type="label">
						<left>135</left>
						<top>5</top>
						<width>625</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Label / HI -->
                    <control type="label">
                        <left>770</left>
						<top>5</top>
                        <width>70</width>
                        <align>center</align>
						<aligny>top</aligny>
                        <font>Panel_Hint</font>
                        <label>[COLOR Accent]$LOCALIZE[31733][/COLOR]</label>
                        <visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Label / NO HI -->
                    <control type="label">
                        <left>815</left>
						<top>5</top>
                        <width>70</width>
                        <align>center</align>
						<aligny>top</aligny>
                        <font>Panel_Hint</font>
                        <label>[COLOR Accent]$LOCALIZE[31733][/COLOR]</label>
                        <visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
                    <!-- HI Label -->
                    <control type="label">
						<left>845</left>
						<top>5</top>
						<width>40</width>
						<align>center</align>
						<aligny>top</aligny>
						<font>Panel_Hint</font>
						<textcolor>Accent</textcolor>
						<label>CC</label>
						<visible>ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Rating -->
					<control type="image">
                        <left>400</left>
                        <top>30</top>
                        <width>100</width>
                        <height>25</height>
                        <aspectratio align="right">keep</aspectratio>
                        <texture>other_textures/colorrating/$INFO[ListItem.Rating]</texture>
                    </control>
                </itemlayout>
                <focusedlayout width="885" height="45">
                    <!-- Language Background -->
					<control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>120</width>
                        <height>40</height>
                        <texture colordiffuse="AccentDiffuse">button.png</texture>
                    </control>
					<!-- Subtitle Background / NO SYNC / NO HI -->
					<control type="image">
						<left>125</left>
						<top>0</top>
						<width>760</width>
						<height>40</height>
						<texture colordiffuse="AccentDiffuse">button.png</texture>
						<visible>!ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / NO SYNC / HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>715</width>
                        <height>40</height>
                        <texture colordiffuse="AccentDiffuse">button.png</texture>
						<visible>!ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / SYNC /  NO HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>685</width>
                        <height>40</height>
                        <texture colordiffuse="AccentDiffuse">button.png</texture>
						<visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Background / SYNC / HI -->
					<control type="image">
                        <left>125</left>
                        <top>0</top>
                        <width>640</width>
                        <height>40</height>
                        <texture colordiffuse="AccentDiffuse">button.png</texture>
						<visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>					
					<!-- Sync Background / HI -->
					<control type="image">
                        <left>770</left>
                        <width>70</width>
						<height>40</height>
						<texture colordiffuse="AccentDiffuse">button.png</texture>
                        <visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Background / NO HI -->
					<control type="image">
                        <left>815</left>
                        <width>70</width>
						<height>40</height>
						<texture colordiffuse="AccentDiffuse">button.png</texture>
                        <visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- HI Background -->
					<control type="image">
                        <left>845</left>
                        <width>40</width>
						<height>40</height>
						<texture colordiffuse="AccentDiffuse">button.png</texture>
                        <visible>ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle Language Label -->	
					<control type="label">
                        <left>10</left>
						<top>5</top>
                        <width>100</width>
                        <aligny>top</aligny>
                        <align>center</align>
						<font>Panel_Hint</font>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
					<!-- Subtitle  / NO SYNC / NO HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>740</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>!ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle  / NO SYNC / HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>700</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>!ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle  / SYNC / NO HI -->
					<control type="label">
						<left>135</left>
						<top>5</top>
						<width>665</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Subtitle / SNYC / HI  -->
                    <control type="label">
						<left>135</left>
						<top>5</top>
						<width>625</width>
						<aligny>top</aligny>
						<align>left</align>
						<font>Panel_Hint</font>
						<label>$INFO[ListItem.Label2]</label>
						<visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Label / HI -->
                    <control type="label">
						<left>770</left>
						<top>5</top>
						<width>70</width>
						<align>center</align>
						<aligny>top</aligny>
						<font>Panel_Hint</font>
						<label>$LOCALIZE[31733]</label>
						<visible>ListItem.property(sync) + ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Sync Label / NO HI -->
                    <control type="label">
						<left>815</left>
						<top>5</top>
						<width>70</width>
						<align>center</align>
						<aligny>top</aligny>
						<font>Panel_Hint</font>
						<label>$LOCALIZE[31733]</label>
						<visible>ListItem.property(sync) + !ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- HI Label -->
                    <control type="label">
						<left>845</left>
						<top>5</top>
						<width>40</width>
						<align>center</align>
						<aligny>top</aligny>
						<font>Panel_Hint</font>
						<label>CC</label>
						<visible>ListItem.property(hearing_imp)</visible>
                    </control>
					<!-- Rating -->
                    <control type="image">
                            <left>660</left>
                            <top>30</top>
                            <width>100</width>
                            <height>25</height>
                            <aspectratio align="right">keep</aspectratio>
                            <texture>other_textures/colorrating/$INFO[ListItem.Rating]</texture>
                    </control>
                </focusedlayout>
            </control>
        </control>   
        <!-- Up Arrow Image -->    
        <control type="image">
            <left>10</left>
            <top>290</top>
            <width>40</width>
            <height>40</height>
            <texture flipy="true">down_arrow.png</texture>
            <visible>Container(120).HasPrevious</visible>
            <animation effect="fade" time="400">VisibleChange</animation>
        </control>
        <!-- Down Arrow Image -->  
		<control type="image">
            <left>10</left>
            <top>610</top>
            <width>40</width>
            <height>40</height>
            <texture>down_arrow.png</texture>
            <visible>Container(120).HasNext</visible>
            <animation effect="fade" time="400">VisibleChange</animation>
        </control>
    
    </controls>
</window>