<%@ Page Language="C#" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.1)" />
	<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.1)" />

	<script type="text/javascript" src="resx/Dialog_ColorPicker.js"></script>

	<link type="text/css" rel="stylesheet" href='resx/dialog.css' />
	
	<link rel="stylesheet" type="text/css" href="resx/ColorPicker_IE.css" />

	<script type="text/javascript" src="resx/Dialog_ColorPicker_IE.js"></script>

	<style type="text/css">
			.colorcell
			{
				width:16px;
				height:17px;
				cursor:hand;
			}
			.colordiv,.customdiv
			{
				border:solid 1px #808080;
				width:16px;
				height:17px;
				font-size:1px;
			}
			#ajaxdiv{padding:10px;margin:0;text-align:center; background:#eeeeee;}
		</style>
	<title>CustomColor</title>
</head>
<body>
	<div id="ajaxdiv">
		<div class="tab-pane-control tab-pane" id="tabPane1">
			<div class="tab-row">
				<h2 class="tab">
					<a tabindex="-1" href='colorpicker.aspx'><span style="white-space: nowrap;" langtext='1'>WebPalette
					</span></a>
				</h2>
				<h2 class="tab">
					<a tabindex="-1" href='colorpicker_basic.aspx'><span style="white-space: nowrap;" langtext='1'>NamedColors
					</span></a>
				</h2>
				<h2 class="tab selected">
					<a tabindex="-1" href='colorpicker_more.aspx'><span style="white-space: nowrap;" langtext='1'>CustomColor
					</span></a>
				</h2>
			</div>
			<div class="tab-page">
				<div id="colorpickerpanel" style="position: relative; text-align: left; height: 300px">
					<!--
-----------------------------------------------------
Author: Lewis E. Moten III
Date: May, 16, 2004
Homepage: http://www.lewismoten.com
Email: lewis@moten.com
-----------------------------------------------------
-->
					<div id="pnlGradient_Top">
					</div>
					<div id="pnlGradient_Background1">
					</div>
					<div id="pnlGradient_Background2">
					</div>
					<div id="pnlVertical_Background2">
					</div>
					<div id="pnlVertical_Background1">
					</div>
					<div id="pnlVertical_Top">
					</div>
					<!-- HSB: Hue -->
					<div id="pnlGradientHsbHue_Hue">
					</div>
					<div id="pnlGradientHsbHue_Black">
					</div>
					<div id="pnlGradientHsbHue_White">
					</div>
					<div id="pnlVerticalHsbHue_Background">
					</div>
					<!-- HSB: Saturation -->
					<div id="pnlVerticalHsbSaturation_Hue">
					</div>
					<div id="pnlVerticalHsbSaturation_White">
					</div>
					<!-- HSB: Brightness -->
					<div id="pnlVerticalHsbBrightness_Hue">
					</div>
					<div id="pnlVerticalHsbBrightness_Black">
					</div>
					<!-- RGB: -->
					<div id="pnlVerticalRgb_Start">
					</div>
					<div id="pnlVerticalRgb_End">
					</div>
					<div id="pnlGradientRgb_Base">
					</div>
					<div id="pnlGradientRgb_Invert">
					</div>
					<div id="pnlGradientRgb_Overlay1">
					</div>
					<div id="pnlGradientRgb_Overlay2">
					</div>
					<div id="pnlOldColor">
					</div>
					<div id="pnlOldColorBorder">
					</div>
					<div id="pnlNewColor">
					</div>
					<div id="pnlNewColorBorder">
					</div>
					<div id="pnlWebSafeColor" title="Click to select web safe color">
					</div>
					<div id="pnlWebSafeColorBorder">
					</div>
					<div id="pnlVerticalPosition">
					</div>
					<div id="pnlGradientPosition">
					</div>
					<div id="lblSelectColorMessage">
						SelectColor:</div>
					<div id="lblRecent">
						Recent:</div>
					<div id="pnlRecentBorder">
						<div id="pnlRecentBorder1">
						</div>
						<div id="pnlRecentBorder2">
						</div>
						<div id="pnlRecentBorder3">
						</div>
						<div id="pnlRecentBorder4">
						</div>
						<div id="pnlRecentBorder5">
						</div>
						<div id="pnlRecentBorder6">
						</div>
						<div id="pnlRecentBorder7">
						</div>
						<div id="pnlRecentBorder8">
						</div>
						<div id="pnlRecentBorder9">
						</div>
						<div id="pnlRecentBorder10">
						</div>
						<div id="pnlRecentBorder11">
						</div>
						<div id="pnlRecentBorder12">
						</div>
						<div id="pnlRecentBorder13">
						</div>
						<div id="pnlRecentBorder14">
						</div>
						<div id="pnlRecentBorder15">
						</div>
						<div id="pnlRecentBorder16">
						</div>
						<div id="pnlRecentBorder17">
						</div>
						<div id="pnlRecentBorder18">
						</div>
						<div id="pnlRecentBorder19">
						</div>
						<div id="pnlRecentBorder20">
						</div>
						<div id="pnlRecentBorder21">
						</div>
						<div id="pnlRecentBorder22">
						</div>
						<div id="pnlRecentBorder23">
						</div>
						<div id="pnlRecentBorder24">
						</div>
						<div id="pnlRecentBorder25">
						</div>
						<div id="pnlRecentBorder26">
						</div>
						<div id="pnlRecentBorder27">
						</div>
						<div id="pnlRecentBorder28">
						</div>
						<div id="pnlRecentBorder29">
						</div>
						<div id="pnlRecentBorder30">
						</div>
						<div id="pnlRecentBorder31">
						</div>
						<div id="pnlRecentBorder32">
						</div>
					</div>
					<div id="pnlRecent">
						<div id="pnlRecent1">
						</div>
						<div id="pnlRecent2">
						</div>
						<div id="pnlRecent3">
						</div>
						<div id="pnlRecent4">
						</div>
						<div id="pnlRecent5">
						</div>
						<div id="pnlRecent6">
						</div>
						<div id="pnlRecent7">
						</div>
						<div id="pnlRecent8">
						</div>
						<div id="pnlRecent9">
						</div>
						<div id="pnlRecent10">
						</div>
						<div id="pnlRecent11">
						</div>
						<div id="pnlRecent12">
						</div>
						<div id="pnlRecent13">
						</div>
						<div id="pnlRecent14">
						</div>
						<div id="pnlRecent15">
						</div>
						<div id="pnlRecent16">
						</div>
						<div id="pnlRecent17">
						</div>
						<div id="pnlRecent18">
						</div>
						<div id="pnlRecent19">
						</div>
						<div id="pnlRecent20">
						</div>
						<div id="pnlRecent21">
						</div>
						<div id="pnlRecent22">
						</div>
						<div id="pnlRecent23">
						</div>
						<div id="pnlRecent24">
						</div>
						<div id="pnlRecent25">
						</div>
						<div id="pnlRecent26">
						</div>
						<div id="pnlRecent27">
						</div>
						<div id="pnlRecent28">
						</div>
						<div id="pnlRecent29">
						</div>
						<div id="pnlRecent30">
						</div>
						<div id="pnlRecent31">
						</div>
						<div id="pnlRecent32">
						</div>
					</div>
					<div id="lblHex">
						#</div>
					<form id="frmColorPicker">
						<div id="pnlHSB">
							<div id="pnlHSB_Hue" title="Hue">
								<input type="radio" id="rdoHSB_Hue" name="ColorType" checked>
								<div id="lblHSB_Hue">
									H:</div>
								<input type="text" id="txtHSB_Hue">
								<div id="lblUnitHSB_Hue">
								</div>
							</div>
							<div id="pnlHSB_Saturation" title="Saturation">
								<input type="radio" id="rdoHSB_Saturation" name="ColorType">
								<div id="lblHSB_Saturation">
									S:</div>
								<input type="text" id="txtHSB_Saturation">
								<div id="lblUnitHSB_Saturation">
									%</div>
							</div>
							<div id="pnlHSB_Brightness" title="Brightness">
								<input type="radio" id="rdoHSB_Brightness" name="ColorType">
								<div id="lblHSB_Brightness">
									B:</div>
								<input type="text" id="txtHSB_Brightness">
								<div id="lblUnitHSB_Brightness">
									%</div>
							</div>
						</div>
						<div id="pnlRGB">
							<div id="pnlRGB_Red" title="Red">
								<input type="radio" id="rdoRGB_Red" name="ColorType">
								<div id="lblRGB_Red">
									R:</div>
								<input type="text" id="txtRGB_Red">
							</div>
							<div id="pnlRGB_Green" title="Green">
								<input type="radio" id="rdoRGB_Green" name="ColorType">
								<div id="lblRGB_Green">
									G:</div>
								<input type="text" id="txtRGB_Green">
							</div>
							<div id="pnlRGB_Blue" title="Blue">
								<input type="radio" id="rdoRGB_Blue" name="ColorType">
								<div id="lblRGB_Blue">
									B:</div>
								<input type="text" id="txtRGB_Blue">
							</div>
						</div>
						<input type="text" id="txtHex" maxlength="6">
						<button id="btnWebSafeColor" type="button" title="Warning: not a web safe color">
						</button>
						<button id="btnOK" type="button">
							OK</button>
						<button id="btnCancel" type="button">
							Cancel</button>
					</form>
				</div>
			</div>
			<div id="container-bottom">
				<input type="button" id="buttonok" value="OK" langtext='1' class="formbutton" onclick="do_insert();" />
				&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="button" id="buttoncancel" value="Cancel" langtext='1' class="formbutton" onclick="do_Close();" />
			</div>
		</div>
</body>

<script>

new function()
{
	var editor=parent.rtecolorpickereditor;
	var ns=document.getElementsByTagName("*");
	for(var i=0;i<ns.length;i++)
	{
		var n=ns[i];
		if(n.getAttribute('langtext')!="1")continue;
		var t=n.innerText||n.textContent||"";
		if(t)
		{
			t=editor.GetLangText(t);
			n.innerText=t;
			n.textContent=t;
		}
		var t=n.value||"";
		if(t)
		{
			t=editor.GetLangText(t);
			n.value=t;
		}
	}
}

</script>

</html>
