<?xml version="1.0" encoding="UTF-8"?>
<window>
	<defaultcontrol always="true">3110</defaultcontrol>
	<include>DialogOpenClose</include>
	<controls>
		<!-- background panel -->
		<control type="image">
			<left>180</left>
			<top>40</top>
			<width>1560</width>
			<height>1020</height>
			<texture border="40">dialogs/TinyDialog.png</texture>
			<colordiffuse>$VAR[DialogBGColor]</colordiffuse>
		</control>
		<control type="group">
			<centerleft>50%</centerleft>
			<width>1492</width>
            <!--Header-->
            <control type="label">
                <top>60</top>
			    <left>7</left>
			    <right>7</right>
                <height>50</height>
			    <label>$INFO[Skin.String(SelectColorLabel)]</label>
                <align>left</align>
			    <textcolor>$VAR[LabelTextColor]</textcolor>
            </control>
            <!-- Color picker panel -->
		    <control type="panel" id="3110">
			    <top>120</top>
			    <height>824</height>
			    <orientation>vertical</orientation>
			    <onleft>3110</onleft>
			    <onright>60</onright>
			    <ondown>3010</ondown>
			    <preloaditems>4</preloaditems>
			    <pagecontrol>60</pagecontrol>
			    <itemlayout height="48" width="48">
				    <control type="image">
					    <top>7</top>
					    <left>7</left>
					    <width>38</width>
					    <height>38</height>
					    <texture border="5">$INFO[ListItem.Icon]</texture>
				    </control>
			    </itemlayout>
			    <focusedlayout height="48" width="48">
				    <control type="group">
					    <animation type="Focus" reversible="false">
			                <effect type="zoom" end="110" time="75" tween="sine" easing="out" center="auto" />
			                <effect type="zoom" end="90.9090909" time="225" tween="sine" delay="100" easing="out" center="auto" />
		                </animation>
					    <top>7</top>
					    <left>7</left>
					    <control type="image">
						    <width>38</width>
						    <height>38</height>
						    <texture border="5">$INFO[ListItem.Icon]</texture>
					    </control>
					    <control type="image">
						    <left>-12</left>
						    <top>-7</top>
						    <width>62</width>
						    <height>62</height>
						    <texture border="20,20,20,20" colordiffuse="white">focus.png</texture>
						    <aspectratio>stretch</aspectratio>
						    <visible>Control.HasFocus(3110)</visible>
						    <animation reversible="false" effect="fade" start="0" end="100" time="500" tween="linear">Focus</animation>
		                    <animation reversible="false" effect="fade" start="100" end="0" time="0">UnFocus</animation>
					    </control>
				    </control>
			    </focusedlayout>
            </control>
		    <!-- Buttons -->
		    <control type="grouplist">
			    <orientation>horizontal</orientation>
			    <itemgap>20</itemgap>
			    <left>10</left>
			    <top>970</top>
			    <width>1520</width>
			    <!-- color preview-->
			    <control type="image">
				    <width>80</width>
				    <height>60</height>
				    <aspectratio>stretch</aspectratio>
				    <texture border="5">panel.png</texture>
				    <colordiffuse>$INFO[Window.Property(colorstring)]</colordiffuse>
			    </control>
			    <!-- edit manual -->
			    <control type="button" id="3010">
				    <width>300</width>
				    <height>60</height>
				    <onup>3110</onup>
				    <align>left</align>
				    <ondown>SetFocus(3110,1)</ondown>
				    <onright>3011</onright>
				    <label>$ADDON[script.skin.helper.colorpicker 32012]</label>
				    <label2>$INFO[Window.Property(colorstring)]</label2>
				    <font>ListDetails</font>
			    </control>
			    <!-- Save button -->
			    <control type="button" id="3012">
				    <width>200</width>
				    <height>60</height>
				    <onup>3110</onup>
				    <onleft>3010</onleft>
				    <label>190</label>
				    <font>ListDetails</font>
			    </control>
			    <!-- None -->
			    <control type="button" id="3011">
				    <width>200</width>
				    <height>60</height>
				    <onup>3110</onup>
				    <onleft>3010</onleft>
				    <label>$ADDON[script.skin.helper.colorpicker 32013]</label>
				    <font>ListDetails</font>
			    </control>
			    <control type="group" id="3020">
				    <width>350</width>
				    <height>60</height>
   					<!-- label opacity-->
					<control type="label" id="3016">
					    <width>100</width>
					    <left>0</left>
					    <align>left</align>
					    <label>$ADDON[script.skin.helper.colorpicker 32049]:</label>
					    <font>ListDetails</font>
				    </control>
					<!-- opacity slider -->
				    <control type="slider" id="3015">
					    <top>0</top>
					    <left>110</left>
					    <onup>3011</onup>
					    <ondown>3029</ondown>
					    <width>150</width>
				    </control>
				    <!-- opacity percentage -->
				    <control type="label" id="3017">
					    <width>80</width>
					    <height>60</height>
					    <left>270</left>
					    <align>right</align>
					    <label>$INFO[Control.Getlabel(3015)]</label>
					    <font>ListDetails</font>
				    </control>
			    </control>
				<control type="button" id="3029">
				    <width>240</width>
				    <height>60</height>
				    <onup>3110</onup>
				    <onleft>3015</onleft>
				    <label>$LOCALIZE[32216]</label>
				    <font>ListDetails</font>
					<onclick>Skin.SetString(GlowBarsColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(MenuBarColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(VertMenuBladeColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(TopBarColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(DialogBGColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(WidgetBGColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>Skin.SetString(ViewsBGColorStr,$INFO[Window.Property(colorstring)])</onclick>
					<onclick>SendClick(3012)</onclick>
			    </control>
		    </control>
        </control>
	</controls>
</window>
