var _cpForm	=		


'<!-- convert to variable with jsinc.html //-->	\n	<form n'
+ 'ame="colorPickerFormName" class="colorPicker">\n		<div id'
+ '="colorPickerHeader" onmousedown="dragMe(event);" onmous'
+ 'eup="endDrag(event);" ondblclick="hideStuff();" style="z'
+ '-index: 0; position: relative; border: 1px solid rgb(0, '
+ '0, 0); width: 500px; height: 25px; background-color: rgb'
+ '(0,0, 227);"></div>\n		<div class="colorPicker" id="color'
+ 'PickerWrapper" style="z-index: 0; position: relative; bo'
+ 'rder: 1px solid rgb(0, 0, 0); width: 500px; height: 311p'
+ 'x; background-color: rgb(224, 223, 227);" >\n			<div clas'
+ 's="colorPicker" id="introText" style="position: absolute'
+ '; top: 2px; left: 4px; font-size: 12px;">Color Picker: 	'
+ '	</div>\n				\n				<!-- TODO display the color type here .'
+ '.. X: name, H: name, W: FF0000  // ALSO, can we get the '
+ '(x,y) correct from color if we know the vertical y\n				<'
+ 'DIV class="colorPicker" id="fontName" style="position: a'
+ 'bsolute; top: 4px; left: 115px; text-align: center; font'
+ '-family; Arial, san-serif; font-size: 10px; font-weight:'
+ ' bold; width: 150px; border-color: #ff0000; background-c'
+ 'olor: #ffffff;">Black</DIV>\n				//-->\n\n				<img class="c'
+ 'olorPicker" id="imageMemory" src="images/memory.png" hei'
+ 'ght="13" width="13" style="cursor: crosshair; z-index: 3'
+ '; position: absolute; top: -22px; left: 3px;" />\n\n				<i'
+ 'mg src="images/close.png" id="imageClose" onclick="hideS'
+ 'tuff();" style="z-index: 3; position: absolute; top: -25'
+ 'px; left: 477px;" />\n\n\n\n				<img class="colorPicker" id='
+ '"imageBackground" src="images/background.png" height="26'
+ '0" width="260" style="position: absolute; top: 20px; lef'
+ 't: 8px;" />\n				<img class="colorPicker" id="imageOverla'
+ 'y" src="images/overlay.png" height="256" width="256" sty'
+ 'le="cursor: crosshair; position: absolute; top: 22px; le'
+ 'ft: 10px;" onmousedown="cpMouseDown(event)" onmouseup="c'
+ 'pMouseUp(event);" onclick="cpMouseClick(event);" />\n				'
+ '<img class="colorPicker" id="imageSlider"  src="images/c'
+ 'olor_slider.png" height="260" width="23" style="cursor: '
+ 'pointer; position: absolute; top: 20px; left: 280px; z-i'
+ 'ndex: 2;" onmousedown="cpSliderMouseDown(event);" onmous'
+ 'eup="cpSliderMouseUp(event);" onclick="cpSliderClick(eve'
+ 'nt);" />\n				<img class="colorPicker" id="imageArrows" s'
+ 'rc="images/arrows.gif" height="9" width="41" style="curs'
+ 'or: pointer; position: absolute; top: 18px; left: 271px;'
+ ' z-index: 1;" onmousedown="cpSliderMouseDown(event);" on'
+ 'mouseup="cpSliderMouseUp(event);" onclick="cpSliderClick'
+ '(event);" />\n				<img class="colorPicker" id="imageCurre'
+ 'ntColorBackground" src="images/cur_color_background.png"'
+ ' height="70" width="62" style="position: absolute; top: '
+ '20px; left: 315px;" />\n						<div class="colorPicker" id'
+ '="imageCurrentColorBackgroundTop" style="z-index: 2; pos'
+ 'ition: absolute; top: 22px; left: 317px; width: 58px; he'
+ 'ight: 33px;"></div>\n						<div class="colorPicker" id="i'
+ 'mageCurrentColorBackgroundBottom" style="z-index: 2; cur'
+ 'sor: pointer; position: absolute; top: 55px; left: 317px'
+ '; width: 58px; height: 33px;" onclick="resetColor();"></'
+ 'div>\n				<img class="colorPicker" id="imageWebSafe" styl'
+ 'e="cursor: pointer; position: absolute; top: 62px; left:'
+ ' 380px;" alt="Click to Select Web Safe Color" src="image'
+ 's/web_safe.gif" height="28" width="14" onclick="selectWe'
+ 'bSafeColor();" />\n\n			\n\n			<div class="colorPicker" id="'
+ 'swatchX11" style="z-index: 4; position: absolute; top: 2'
+ '81px; left: 89px; border: 2px solid rgb(0, 0, 0); backgr'
+ 'ound-color: #DC143C; padding: 0px; margin: 0px; width: 2'
+ '3px; height: 23px;" onmousedown="showSwatch(event,\'x11\')'
+ ';" onmouseup="closeSwatch(event,\'x11\');" ALT="x11 Color '
+ 'Swatch [Click Me]" TITLE="x11 Color Switch [Click Me]"><'
+ 'SPAN style="z-index: 5; position: relative; top: 3px; le'
+ 'ft: 6px; color: #ffffff; font-weight: bold; font-size: 1'
+ '4px; font-family: arial, san-serif;">X</SPAN></div>\n\n			'
+ '<div class="colorPicker" id="swatchBasic" style="z-index'
+ ': 4; position: absolute; top: 281px; left: 129px; border'
+ ': 2px solid rgb(0, 0, 0); background-color: #008000; pad'
+ 'ding: 0px; margin: 0px; width: 23px; height: 23px; " onm'
+ 'ousedown="showSwatch(event,\'html\');" onmouseup="closeSwa'
+ 'tch(event,\'html\');" ALT="Basic HTML Color Swatch [Click '
+ 'Me]" TITLE="Basic HTML Color Swatch [Click Me]"><SPAN st'
+ 'yle="z-index: 5; position: relative; top: 3px; left: 6px'
+ '; color: #ffffff; font-weight: bold; font-size: 14px; fo'
+ 'nt-family: arial, san-serif;">H</SPAN></div>\n\n			<div cl'
+ 'ass="colorPicker" id="swatchWebSafe" style="z-index: 4; '
+ 'position: absolute; top: 281px; left: 169px; border: 2px'
+ ' solid rgb(0, 0, 0); background-color: #003399; padding:'
+ ' 0px; margin: 0px; width: 23px; height: 23px; " onmoused'
+ 'own="showSwatch(event,\'web\');" onmouseup="closeSwatch(ev'
+ 'ent,\'web\');" ALT="Web-safe Color Swatch [Click Me]" TITL'
+ 'E="Web-safe Color Switch [Click Me]"><SPAN style="z-inde'
+ 'x: 5; position: relative; top: 3px; left: 6px; color: #f'
+ 'fffff; font-weight: bold; font-size: 14px; font-family: '
+ 'arial, san-serif;">W</SPAN></div>\n\n\n\n			<div class="colo'
+ 'rPicker" style="position: absolute; top: 103px; left: 31'
+ '5px;">H:</div><input type="text" readonly name="HSVh" cl'
+ 'ass="readOnly" id="HSV_h" style="position: absolute; top'
+ ': 100px; left: 335px; width: 33px;" onfocus="this.select'
+ '();" ondblclick="this.select();" />\n			<div class="color'
+ 'Picker" style="position: absolute; top: 128px; left: 315'
+ 'px;">S:</div><input type="text" readonly name="HSVs" cla'
+ 'ss="readOnly" id="HSV_s" style="position: absolute; top:'
+ ' 125px; left: 335px; width: 33px;" onfocus="this.select('
+ ');" ondblclick="this.select();" />\n			<div class="colorP'
+ 'icker" style="position: absolute; top: 153px; left: 315p'
+ 'x;">B:</div><input type="text" readonly name="HSVv" clas'
+ 's="readOnly" id="HSV_v" style="position: absolute; top: '
+ '150px; left: 335px; width: 33px;" onfocus="this.select()'
+ ';" ondblclick="this.select();" /> <!-- Photoshop calls i'
+ 't B when it is really V //-->\n\n\n			<div style="position:'
+ ' absolute; top: 103px; left: 405px;">L:</div><input type'
+ '="text" readonly name="LabL" class="readOnly" id="Lab_L"'
+ ' style="position: absolute; top: 100px; left: 425px; wid'
+ 'th: 33px;" onfocus="this.select();" ondblclick="this.sel'
+ 'ect();" />\n			<div style="position: absolute; top: 128px'
+ '; left: 405px;">a:</div><input type="text" readonly name'
+ '="Laba" class="readOnly" id="Lab_a" style="position: abs'
+ 'olute; top: 125px; left: 425px; width: 33px;" onfocus="t'
+ 'his.select();" ondblclick="this.select();" />\n			<div st'
+ 'yle="position: absolute; top: 153px; left: 405px;">b:</d'
+ 'iv><input type="text" readonly name="Labb" class="readOn'
+ 'ly" id="Lab_b" style="position: absolute; top: 150px; le'
+ 'ft: 425px; width: 33px;" onfocus="this.select();" ondblc'
+ 'lick="this.select();" />\n\n			<div style="position: absol'
+ 'ute; top: 175px; left: 310px; width=175px;"><hr style="c'
+ 'olor: #000000;" width=175 height=1></div>\n\n			<div style'
+ '="position: absolute; top: 193px; left: 405px;">C:</div>'
+ '<input type="text" readonly name="CMYKc" class="readOnly'
+ '" id="CMYK_c" style="position: absolute; top: 190px; lef'
+ 't: 425px; width: 33px;" onfocus="this.select();" ondblcl'
+ 'ick="this.select();" />\n			<div style="position: absolut'
+ 'e; top: 218px; left: 405px;">M:</div><input type="text" '
+ 'readonly name="CMYKm" class="readOnly" id="CMYK_m" style'
+ '="position: absolute; top: 215px; left: 425px; width: 33'
+ 'px;" onfocus="this.select();" ondblclick="this.select();'
+ '" />\n			<div style="position: absolute; top: 243px; left'
+ ': 405px;">Y:</div><input type="text" readonly name="CMYK'
+ 'y" class="readOnly" id="CMYK_y" style="position: absolut'
+ 'e; top: 240px; left: 425px; width: 33px;" onfocus="this.'
+ 'select();" ondblclick="this.select();" />\n			<div style='
+ '"position: absolute; top: 268px; left: 405px;">K:</div><'
+ 'input type="text" readonly name="CMYKk" class="readOnly"'
+ ' id="CMYK_k" style="position: absolute; top: 265px; left'
+ ': 425px; width: 33px;" onfocus="this.select();" ondblcli'
+ 'ck="this.select();" />\n\n			<div style="position: absolut'
+ 'e; top: 193px; left: 315px;">R:</div><input tabindex=2 t'
+ 'ype="text" name="RGBr" id="RGB_r" style="position: absol'
+ 'ute; top: 190px; left: 335px; width: 33px;" onfocus="thi'
+ 's.select();" ondblclick="this.select();" onchange="updat'
+ 'eRGB();" />\n			<div style="position: absolute; top: 218p'
+ 'x; left: 315px;">G:</div><input tabindex=3 type="text" n'
+ 'ame="RGBg" id="RGB_g" style="position: absolute; top: 21'
+ '5px; left: 335px; width: 33px;" onfocus="this.select();"'
+ ' ondblclick="this.select();" onchange="updateRGB();" />\n'
+ '			<div style="position: absolute; top: 243px; left: 315'
+ 'px;">B:</div><input tabindex=4 type="text" name="RGBb" i'
+ 'd="RGB_b" style="position: absolute; top: 240px; left: 3'
+ '35px; width: 33px;" onfocus="this.select();" ondblclick='
+ '"this.select();" onchange="updateRGB();" />\n\n			<div sty'
+ 'le="position: absolute; top: 286px; left: 220px;">#</div'
+ '><input tabindex=1 type="text" name="hex" id="hex_" styl'
+ 'e="position: absolute; top: 282px; left: 230px; width: 7'
+ '3px; font-weight: bold; font-family: arial, san-serif; f'
+ 'ont-size: 15px;" onfocus="this.select();" ondblclick="th'
+ 'is.select();" onkeydown="return validateHex(event);" onk'
+ 'eyup="updateHex(event, this.value);" />\n\n			\n			<input t'
+ 'abindex=5 type="button" name="ok" id="ok_" style="positi'
+ 'on: absolute; top: 20px; left: 405px; width: 77px; text-'
+ 'align: center;" value="OK" onclick="returnColor();" />\n	'
+ '		<input tabindex=6 type="button" name="cancel" id="canc'
+ 'el_" style="position: absolute; top: 60px; left: 405px; '
+ 'width: 77px; text-align: center;" value="Cancel" onclick'
+ '="hideStuff();" />\n			\n			<input type="checkbox" name="c'
+ 'heckbox" id="checkbox_" style="position: absolute; top: '
+ '281px; left: 1px;" onclick="if(this.checked==true){selec'
+ 'tWebSafeColor();}" /><div style="position: absolute; top'
+ ': 283px; left: 20px;"><a href="http://en.wikipedia.org/w'
+ 'iki/Web_colors#Web-safe_colors" style="color: #000000, t'
+ 'ext-decoration: none; font-size: 10px; font-family: aria'
+ 'l, san-serif;" target="_blank">Web-Safe</a></div>\n\n			\n	'
+ '	</div>\n	</form>';