From 783892518ce82c32374a6a643396244eff4c0ad3 Mon Sep 17 00:00:00 2001
From: Marc Delisle <marc@infomarc.info>
Date: Thu, 25 Mar 2010 13:27:58 -0400
Subject: [PATCH 1/2] Replace MooRainbow with a jQuery color picker

---
 js/mooRainbow/images/blank.gif         | Bin 43 -> 0 bytes
 js/mooRainbow/images/moor_arrows.gif   | Bin 94 -> 0 bytes
 js/mooRainbow/images/moor_boverlay.png | Bin 799 -> 0 bytes
 js/mooRainbow/images/moor_cursor.gif   | Bin 80 -> 0 bytes
 js/mooRainbow/images/moor_slider.png   | Bin 590 -> 0 bytes
 js/mooRainbow/images/moor_woverlay.png | Bin 768 -> 0 bytes
 js/mooRainbow/images/rainbow.png       | Bin 794 -> 0 bytes
 js/mooRainbow/mooRainbow.css           | 114 -----
 js/mooRainbow/mooRainbow.js            | 563 -------------------------
 js/mootools-domready-rainbow.js        |  16 -
 libraries/common.inc.php               |   2 -
 libraries/header_meta_style.inc.php    |  11 +-
 main.php                               |  39 +-
 13 files changed, 38 insertions(+), 707 deletions(-)
 delete mode 100644 js/mooRainbow/images/blank.gif
 delete mode 100644 js/mooRainbow/images/moor_arrows.gif
 delete mode 100644 js/mooRainbow/images/moor_boverlay.png
 delete mode 100644 js/mooRainbow/images/moor_cursor.gif
 delete mode 100644 js/mooRainbow/images/moor_slider.png
 delete mode 100644 js/mooRainbow/images/moor_woverlay.png
 delete mode 100644 js/mooRainbow/images/rainbow.png
 delete mode 100644 js/mooRainbow/mooRainbow.css
 delete mode 100644 js/mooRainbow/mooRainbow.js
 delete mode 100644 js/mootools-domready-rainbow.js

diff --git a/js/mooRainbow/images/blank.gif b/js/mooRainbow/images/blank.gif
deleted file mode 100644
index c9c195fd4ce0a3626dd32c50cebdf122ef169a8c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 43
qcmZ?wbhEHbWMp7uXkY+=|Ns9h{$ybl0Sf4V_#hbuCMF+725SJp$p;z$

diff --git a/js/mooRainbow/images/moor_arrows.gif b/js/mooRainbow/images/moor_arrows.gif
deleted file mode 100644
index c57addcf58c7ef437e11c2e314c90f64f952b9a4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 94
zcmZ?wbhEHb)MVgfn8?KN|NsBI+<XQwQ2fcl$iTqFpabH8<QbUsL-bajep}PT7_zTB
sbisoU^IFdytDLXema=nN=Cv@xUvb6W*T3z2_AAa%p>Acz0tN<a06EDbPyhe`

diff --git a/js/mooRainbow/images/moor_boverlay.png b/js/mooRainbow/images/moor_boverlay.png
deleted file mode 100644
index 7ac228b07eddaa0a4f96dd066257bed57ebdc15d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 799
zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|G$6&2?&#~tz_9*=IcwKTAYZb?
zHKHUqKdq!Zu_%?nF(p4KRlzeiF+DXXH8G{K@MNkD0|V1WPZ!6Kid%1P8FIBah_D_k
z{O~W`%uvY3g|})|f_}mUoBh^o8`ix2!^k~Lj&V))c7_8?3_3`J1JFW-23Cd$5W&Il
zK$Kwv$X$Dw7{nM97#bKD@*omGwlqTmBLfpqkpja3<Guzs2dIdN;mHpk4yX=@60j&p
zEjf$=@rIX%U<V=TcTi*a#}0EA#1aQR20P{^ki)_1J~CJ^k<Nqr>j4`m7(l++!3eVl
zyZ6}{3s_jV83Y&{7#Pe!p~(VdAK-<A9ScJNGcb&SQj83D7#N_+7#ZsL8k7~F7H}{K
z@Ds}edu=BJmH?j1@IxNvWO9QVDS!`L{lWqD3)t~23@biL3P63r!q8ES+t0A{5)MyV
nEDRsGAgKzRw7|rkmjVe4ajh&Tyc`xrF#v(5tDnm{r-UW|A9#o^

diff --git a/js/mooRainbow/images/moor_cursor.gif b/js/mooRainbow/images/moor_cursor.gif
deleted file mode 100644
index 9515a38e5f7ebe3c4d11ed9af8724cc2a443f62f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 80
zcmZ?wbhEHb<YC}pn8?KN=H(3r28RFt{{u<IpDc_F3``6<KsHd82gp{O(wr&%Kwct(
g`-t1hqc`8&<c!x)N-%Gmb|CZOM~BEo608i?0DUDGlmGw#

diff --git a/js/mooRainbow/images/moor_slider.png b/js/mooRainbow/images/moor_slider.png
deleted file mode 100644
index 9f4c47bf6b6e33c2781f03f51a587edb73827eee..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 590
zcmeAS@N?(olHy`uVBq!ia0vp^!VC<I3>-{A);;!HQb39&-O<;Pfnog#bJnhxK)z&&
zYeY$Kep*R+Vo@rCV@iHfs)A>3VtQ&&YGO)d;mK4Rpa~B=T^vIyZoRp!xOtO<2wTF8
zL=P3AP8X$#9%_?MrWnn9w|*Ch@===%7F0PT`~JsI>3IdurPH_DzkM@j^ZR$l)^mja
z=?a=Ad3sLj!A&WV8`ngd=|oS{o|ZjLdRp`}>uJ@~*e81~`E7jS{G|6%ztSpGDw8VH
zDibSHE0ZhJe<s}A_$HE1$9<ac>6uRteG-3aeCVfcT*NsY^=Znd8&l733ZD7rg^66s
z1V=W>C-+b6c>3<bhBc94I^NS*ffgP!N|oH{6Pcz{4CGEqJ-R9F=7yZebrI_#^CI#h
z-$lHOl#8f)DYHJ%cf$XrJ&W_#EmS@&eA@Ul_i63Z(x<IYv!CuuJztbyxoHm2M)7I>
z)7Gn>Zhd;DD9Lh@OvE=G>uLPc%BPu63!f%FEq$8$H1}y0<x^cQ`cIgze1GbPqn{2G
zoi93Gbh_wp(b=M-n^JG0x@_h1O;dm_Opn~419WiqG+uAs3yWO(zX5#$^v=JDJ=X8|
zY)>~nJpr_Cb4-L?WLCqsY23hII8u~ix#3M@nU1{9d!2lp^*Z`G=XLyb`gIH)x`leP
zn*JC_W&@R00|Pf27|7Ycz}7w8mU?zmQsgF`h-W&+)Be~s)))R0PGE5RroHlFN8)Z^
Pf?)7;^>bP0l+XkKfEfr4

diff --git a/js/mooRainbow/images/moor_woverlay.png b/js/mooRainbow/images/moor_woverlay.png
deleted file mode 100644
index c3f3e96ea645144e3707bb853a652e3c472318d2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 768
zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|G$6&2?&#~tz_9*=IcwKTAYZb?
zHKHUqKdq!Zu_%?nF(p4KRlzeiF+DXXH8G{K@MNkD0|V0}PZ!6Kid%24So1X~2sj+P
z`g?xm-z`$CO&2UC3$O}vPuZT+-eKV`vTo_t*R^N=WUhU7^UOrq^Ti*c-q#$lE<R*e
z^D#HA@7n)8Pj#-&yLh{l_rZ1+1{MYZ1_zMysKsF1z^cH|0CX+`2LrVj)H4b0qERC$
g41qm2StS@IO?mxK=F<TuU=n8VboFyt=akR{0BE*zNdN!<

diff --git a/js/mooRainbow/images/rainbow.png b/js/mooRainbow/images/rainbow.png
deleted file mode 100644
index a62ec9049601a7885081d2b396f35ac9780a8ac9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 794
zcmV+#1LgdQP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|CUiwubW?9;ba!ELWdKq|Q%_Y=Lq$^{
zPES-IRZ~SoAVyD8AVp3`Nlr!f!r*cM000(rMObu0a%Ew3X>V>IRB3Hx05CK!FflJM
zH_S>gwEzGDXh}ptR5*=|lD$h?Q5eR5=iGab-iZ0?rI92GrihEBQ3t6*LBv&25fLgb
zrF4)|C+Qzx7AL1p1^3PwEY;#9QbD9cLEV%nt@$uf={4q_4ma8=7JTRD{XOr;Bed2$
zr1q6~1<U}QKnO4aVLqVo126_S!RZMpohYI~A*7^`S>nHdeI;H3nTDRHt@exO7(p8|
zqTpx)!>*#zLj>lyAF!{)M_?*AGih6?1hV`cWfn1zh=i{ZmOz^K0QQym1dK%HXDt=8
zktbhJNeiSz2W>p3866Iw<1Ji<du{{j&Lh$HZ!MK<#44{LV-`9bz>7!GP7|1hFE$O3
z@-Lvi^HgMh)>6qv)WugsK;pGN!fTB}qecFz%4V^|_F09v)5gN~)~yLL!I?>0#cZtd
zn&12+hSwTJOF=e&!pdoZT-BwfH3N|vu2;W7{Z&b;J&w$;As-tz&S%<VIhSL-QlhFg
zPI-{fMK=k%i@x37n+e9k?_LWPQ>fpDzjNJrIhSL#T*P+UX)BD=pGqST)I2|cW<6n!
z5wwxNRv{$u;{MLr{0Zxo61LmUGxrT0sU!zKE9@N<IWC;Lz>W#b1g9sY8BrMcuhLEv
z`Ku}`rv<87(^eR#BbDUak0bUDOD-^+T^#)k{tY^%6NRG<L;^gg8BBxCVu@VU#VHTc
zpGy1Ahb1?=INJE{>rEge8We_I1we-b0BoOCsA)~;q8ou=@1O`Ud^dO|U<xTw=^=zA
z(D4>94dPB41CbgDyNjBqIWC;L*JIxWh(czGz#K>uF2g+_B@5eIxE}QF_Fiju?luGb
Y0SpA#325epvj6}907*qoM6N<$g0u@u00000

diff --git a/js/mooRainbow/mooRainbow.css b/js/mooRainbow/mooRainbow.css
deleted file mode 100644
index 764664e1e5..0000000000
--- a/js/mooRainbow/mooRainbow.css
+++ /dev/null
@@ -1,114 +0,0 @@
-/***
- *  - mooRainbow: defaultCSS
- * author: w00fz <w00fzIT@gmail.com>
- */
-
-#mooRainbow { font-size: 11px; color: #000; }
-
-.moor-box {
-	width: 390px; 
-	height: 310px; 
-	border: 1px solid #636163; 
-	background-color: #f9f9f9;
-}
-.moor-overlayBox {
-	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
-	height: 256px; 
-	margin-top: 9px; 
-	margin-left: 9px;
-	border: 1px solid #000;
-}
-.moor-slider {
-	border: 1px solid #000;
-	margin-top: 9px; 
-	margin-left: 280px;
-	width: 19px; /* if you want a bigger or smaller slider... */
-	height: 256px;
-}
-.moor-colorBox {
-	border: 1px solid #000; 
-	width: 59px; 
-	height: 68px; 
-	margin-top: 20px; 
-	margin-left: 315px;
-}
-.moor-currentColor { /* Bottom Box Color, the backup one */
-	margin-top: 55px; 
-	margin-left: 316px; 
-	width: 59px; 
-	height: 34px;
-}
-.moor-okButton {
-	font-family: Tahoma;
-	font-weight: bold;
-	font-size: 11px;
-	margin-top: 278px;
-	margin-left: 8px;
-	background: #e6e6e6;
-	height: 23px;
-	border: 1px solid #d6d6d6;
-	border-left-color: #f5f5f5;
-	border-top-color: #f5f5f5;
-}
-#mooRainbow label {
-	font-family: mono;
-}
-/* Following are just <label> */
-.moor-rLabel {
-	margin-top: 100px;
-	margin-left: 315px;
-}
-.moor-gLabel {
-	margin-top: 125px;
-	margin-left: 315px;
-}
-.moor-bLabel {
-	margin-top: 150px;
-	margin-left: 315px;
-}
-.moor-HueLabel {
-	margin-top: 190px;
-	margin-left: 315px;
-}
-span.moor-ballino { /* Style hue ° (degree) !! */
-	margin-top: 190px;
-	margin-left: 370px;
-}
-.moor-SatuLabel {
-	margin-top: 215px;
-	margin-left: 315px;
-}
-.moor-BrighLabel {
-	margin-top: 240px;
-	margin-left: 315px;
-}
-.moor-hexLabel {
-	margin-top: 275px;
-	margin-left: 280px;
-}
-
-/* <input> */
-.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
-	width: 30px;
-}
-.moor-hexInput {
-	width: 55px;
-}
-.moor-cursor {
-	background-image: url(images/moor_cursor.gif); 
-	width: 12px;
-	height: 12px;
-}
-.moor-arrows {
-	background-image: url(images/moor_arrows.gif);
-	top: 9px; 
-	left: 270px;
-	width: 41px;
-	height: 9px;
-}
-.moor-chooseColor { /* Top Box Color, the choosen one */
-	margin-top: 21px; 
-	margin-left: 316px; 
-	width: 59px; 
-	height: 34px;
-}
\ No newline at end of file
diff --git a/js/mooRainbow/mooRainbow.js b/js/mooRainbow/mooRainbow.js
deleted file mode 100644
index c355a73f5f..0000000000
--- a/js/mooRainbow/mooRainbow.js
+++ /dev/null
@@ -1,563 +0,0 @@
-/***
- * MooRainbow
- *
- * @version		1.2b1
- * @license		MIT-style license
- * @author		Djamil Legato (w00fz) - < w00fzIT [at] gmail.com >
- * @infos		http://moorainbow.woolly-sheep.net
- * @copyright	Author
- * 
- * includes a fix for mootools 1.2 by Piotr Przybylski
- */
-
-var MooRainbow = new Class({
-	Implements: [Options, Events],
-	options: {
-		id: 'mooRainbow',
-		prefix: 'moor-',
-		imgPath: 'images/',
-		startColor: [255, 0, 0],
-		wheel: false,
-		onComplete: Class.empty,
-		onChange: Class.empty,
-		selectText: 'Select'
-	},
-	
-	initialize: function(el, options) {
-		this.element = $(el); if (!this.element) return;
-		this.setOptions(options);
-		
-		this.sliderPos = 0;
-		this.pickerPos = {x: 0, y: 0};
-		this.backupColor = this.options.startColor;
-		this.currentColor = this.options.startColor;
-		this.sets = {
-			rgb: [],
-			hsb: [],
-			hex: []	
-		};
-		this.pickerClick = this.sliderClick  = false;
-		if (!this.layout) this.doLayout();
-		this.OverlayEvents();
-		this.sliderEvents();
-		this.backupEvent();
-		if (this.options.wheel) this.wheelEvents();
-		this.element.addEvent('click', function(e) { this.toggle(e); }.bind(this));
-				
-		this.layout.overlay.setStyle('background-color', this.options.startColor.rgbToHex());
-		this.layout.backup.setStyle('background-color', this.backupColor.rgbToHex());
-
-		this.pickerPos.x = this.snippet('curPos').l + this.snippet('curSize', 'int').w;
-		this.pickerPos.y = this.snippet('curPos').t + this.snippet('curSize', 'int').h;
-		
-		this.manualSet(this.options.startColor);
-		
-		this.pickerPos.x = this.snippet('curPos').l + this.snippet('curSize', 'int').w;
-		this.pickerPos.y = this.snippet('curPos').t + this.snippet('curSize', 'int').h;
-		this.sliderPos = this.snippet('arrPos') - this.snippet('arrSize', 'int');
-
-		if (Browser.Engine.webkit) this.hide();
-	},
-	
-	toggle: function() {
-		this[this.visible ? 'hide' : 'show']()
-	},
-	
-	show: function() {
-		this.rePosition();
-		this.layout.setStyle('display', 'block');
-		this.visible = true;
-	},
-	
-	hide: function() {
-		this.layout.setStyles({'display': 'none'});
-		this.visible = false;
-	},
-	
-	manualSet: function(color, type) {
-		if (!type || (type != 'hsb' && type != 'hex')) type = 'rgb';
-		var rgb, hsb, hex;
-
-		if (type == 'rgb') { rgb = color; hsb = color.rgbToHsb(); hex = color.rgbToHex(); } 
-		else if (type == 'hsb') { hsb = color; rgb = color.hsbToRgb(); hex = rgb.rgbToHex(); }
-		else { hex = color; rgb = color.hexToRgb(true); hsb = rgb.rgbToHsb(); }
-		
-		this.setMooRainbow(rgb);
-		this.autoSet(hsb);
-	},
-	
-	autoSet: function(hsb) {
-		var curH = this.snippet('curSize', 'int').h;
-		var curW = this.snippet('curSize', 'int').w;
-		var oveH = this.layout.overlay.height;
-		var oveW = this.layout.overlay.width;
-		var sliH = this.layout.slider.height;
-		var arwH = this.snippet('arrSize', 'int');
-		var hue;
-		
-		var posx = Math.round(((oveW * hsb[1]) / 100) - curW);
-		var posy = Math.round(- ((oveH * hsb[2]) / 100) + oveH - curH);
-
-		var c = Math.round(((sliH * hsb[0]) / 360)); c = (c == 360) ? 0 : c;
-		var position = sliH - c + this.snippet('slider') - arwH;
-		hue = [this.sets.hsb[0], 100, 100].hsbToRgb().rgbToHex();
-		
-		this.layout.cursor.setStyles({'top': posy, 'left': posx});
-		this.layout.arrows.setStyle('top', position);
-		this.layout.overlay.setStyle('background-color', hue);
-		this.sliderPos = this.snippet('arrPos') - arwH;
-		this.pickerPos.x = this.snippet('curPos').l + curW;
-		this.pickerPos.y = this.snippet('curPos').t + curH;
-	},
-	
-	setMooRainbow: function(color, type) {
-		if (!type || (type != 'hsb' && type != 'hex')) type = 'rgb';
-		var rgb, hsb, hex;
-
-		if (type == 'rgb') { rgb = color; hsb = color.rgbToHsb(); hex = color.rgbToHex(); } 
-		else if (type == 'hsb') { hsb = color; rgb = color.hsbToRgb(); hex = rgb.rgbToHex(); }
-		else { hex = color; rgb = color.hexToRgb(); hsb = rgb.rgbToHsb(); }
-
-		this.sets = {
-			rgb: rgb,
-			hsb: hsb,
-			hex: hex
-		};
-
-		if (!$chk(this.pickerPos.x))
-			this.autoSet(hsb);		
-
-		this.RedInput.value = rgb[0];
-		this.GreenInput.value = rgb[1];
-		this.BlueInput.value = rgb[2];
-		this.HueInput.value = hsb[0];
-		this.SatuInput.value =  hsb[1];
-		this.BrighInput.value = hsb[2];
-		this.hexInput.value = hex;
-		
-		this.currentColor = rgb;
-
-		this.chooseColor.setStyle('background-color', rgb.rgbToHex());
-	},
-	
-	parseColors: function(x, y, z) {
-		var s = Math.round((x * 100) / this.layout.overlay.width);
-		var b = 100 - Math.round((y * 100) / this.layout.overlay.height);
-		var h = 360 - Math.round((z * 360) / this.layout.slider.height) + this.snippet('slider') - this.snippet('arrSize', 'int');
-		h -= this.snippet('arrSize', 'int');
-		h = (h >= 360) ? 0 : (h < 0) ? 0 : h;
-		s = (s > 100) ? 100 : (s < 0) ? 0 : s;
-		b = (b > 100) ? 100 : (b < 0) ? 0 : b;
-
-		return [h, s, b];
-	},
-	
-	OverlayEvents: function() {
-		var lim, curH, curW, inputs;
-		curH = this.snippet('curSize', 'int').h;
-		curW = this.snippet('curSize', 'int').w;
-		inputs = $A(this.arrRGB).concat(this.arrHSB, this.hexInput);
-
-		document.addEvent('click', function() { 
-			if(this.visible) this.hide(this.layout); 
-		}.bind(this));
-
-		inputs.each(function(el) {
-			if(el) {
-				el.addEvent('keydown', this.eventKeydown.bindWithEvent(this, el));
-				el.addEvent('keyup', this.eventKeyup.bindWithEvent(this, el));
-			}
-		}, this);
-		[this.element, this.layout].each(function(el) {
-			el.addEvents({
-				'click': function(e) { new Event(e).stop();},
-				'keyup': function(e) {
-					e = new Event(e);
-					if(e.key == 'esc' && this.visible) this.hide(this.layout);
-				}.bind(this)
-			}, this);
-		}, this);
-		
-		lim = {
-			x: [0 - curW, (this.layout.overlay.width - curW)],
-			y: [0 - curH, (this.layout.overlay.height - curH)]
-		};
-
-		this.layout.drag = new Drag(this.layout.cursor, {
-			limit: lim,
-			onStart: this.overlayDrag.bind(this),
-			onDrag: this.overlayDrag.bind(this),
-			snap: 0
-		});	
-		
-		this.layout.overlay2.addEvent('mousedown', function(e){
-			e = new Event(e);
-			this.layout.cursor.setStyles({
-				'top': e.page.y - this.layout.overlay.getPosition().y - curH,
-				'left': e.page.x - this.layout.overlay.getPosition().x - curW
-			});
-			this.overlayDrag();
-			this.layout.drag.start(e);
-		}.bind(this));
-		
-		this.okButton.addEvent('click', function() {
-			if(this.currentColor == this.options.startColor) {
-				this.hide();
-				this.fireEvent('onComplete', [this.sets, this]);
-			}
-			else {
-				this.backupColor = this.currentColor;
-				this.layout.backup.setStyle('background-color', this.backupColor.rgbToHex());
-				this.hide();
-				this.fireEvent('onComplete', [this.sets, this]);
-			}
-		}.bind(this));
-	},
-	
-	overlayDrag: function() {
-		var curH = this.snippet('curSize', 'int').h;
-		var curW = this.snippet('curSize', 'int').w;
-		this.pickerPos.x = this.snippet('curPos').l + curW;
-		this.pickerPos.y = this.snippet('curPos').t + curH;
-		
-		this.setMooRainbow(this.parseColors(this.pickerPos.x, this.pickerPos.y, this.sliderPos), 'hsb');
-		this.fireEvent('onChange', [this.sets, this]);
-	},
-	
-	sliderEvents: function() {
-		var arwH = this.snippet('arrSize', 'int'), lim;
-
-		lim = [0 + this.snippet('slider') - arwH, this.layout.slider.height - arwH + this.snippet('slider')];
-		this.layout.sliderDrag = new Drag(this.layout.arrows, {
-			limit: {y: lim},
-			modifiers: {x: false},
-			onStart: this.sliderDrag.bind(this),
-			onDrag: this.sliderDrag.bind(this),
-			snap: 0
-		});	
-	
-		this.layout.slider.addEvent('mousedown', function(e){
-			e = new Event(e);
-
-			this.layout.arrows.setStyle(
-				'top', e.page.y - this.layout.slider.getPosition().y + this.snippet('slider') - arwH
-			);
-			this.sliderDrag();
-			this.layout.sliderDrag.start(e);
-		}.bind(this));
-	},
-
-	sliderDrag: function() {
-		var arwH = this.snippet('arrSize', 'int'), hue;
-		
-		this.sliderPos = this.snippet('arrPos') - arwH;
-		this.setMooRainbow(this.parseColors(this.pickerPos.x, this.pickerPos.y, this.sliderPos), 'hsb');
-		hue = [this.sets.hsb[0], 100, 100].hsbToRgb().rgbToHex();
-		this.layout.overlay.setStyle('background-color', hue);
-		this.fireEvent('onChange', [this.sets, this]);
-	},
-	
-	backupEvent: function() {
-		this.layout.backup.addEvent('click', function() {
-			this.manualSet(this.backupColor);
-			this.fireEvent('onChange', [this.sets, this]);
-		}.bind(this));
-	},
-	
-	wheelEvents: function() {
-		var arrColors = $A(this.arrRGB).extend(this.arrHSB);
-
-		arrColors.each(function(el) {
-			el.addEvents({
-				'mousewheel': this.eventKeys.bindWithEvent(this, el),
-				'keydown': this.eventKeys.bindWithEvent(this, el)
-			});
-		}, this);
-		
-		[this.layout.arrows, this.layout.slider].each(function(el) {
-			el.addEvents({
-				'mousewheel': this.eventKeys.bindWithEvent(this, [this.arrHSB[0], 'slider']),
-				'keydown': this.eventKeys.bindWithEvent(this, [this.arrHSB[0], 'slider'])
-			});
-		}, this);
-	},
-	
-	eventKeys: function(e, el, id) {
-		var wheel, type;
-		id = (!id) ? el.id : this.arrHSB[0];
-
-		if (e.type == 'keydown') {
-			if (e.key == 'up') wheel = 1;
-			else if (e.key == 'down') wheel = -1;
-			else return;
-		} else if (e.type == Element.Events.mousewheel.base) wheel = (e.wheel > 0) ? 1 : -1;
-		
-		if (this.arrRGB.contains(el)) type = 'rgb';
-		else if (this.arrHSB.contains(el)) type = 'hsb';
-		else type = 'hsb';
-
-		if (type == 'rgb') {
-			var rgb = this.sets.rgb, hsb = this.sets.hsb, prefix = this.options.prefix, pass;
-			var value = (el.value.toInt() || 0) + wheel;
-			value = (value > 255) ? 255 : (value < 0) ? 0 : value;
-
-			switch(el.className) {
-				case prefix + 'rInput': pass = [value, rgb[1], rgb[2]];	break;
-				case prefix + 'gInput': pass = [rgb[0], value, rgb[2]];	break;
-				case prefix + 'bInput':	pass = [rgb[0], rgb[1], value];	break;
-				default : pass = rgb;
-			}
-			this.manualSet(pass);
-			this.fireEvent('onChange', [this.sets, this]);
-		} else {
-			var rgb = this.sets.rgb, hsb = this.sets.hsb, prefix = this.options.prefix, pass;
-			var value = (el.value.toInt() || 0) + wheel;
-
-			if (el.className.test(/(HueInput)/)) value = (value > 359) ? 0 : (value < 0) ? 0 : value;
-			else value = (value > 100) ? 100 : (value < 0) ? 0 : value;
-			
-			switch(el.className) {
-				case prefix + 'HueInput': pass = [value, hsb[1], hsb[2]]; break;
-				case prefix + 'SatuInput': pass = [hsb[0], value, hsb[2]]; break;
-				case prefix + 'BrighInput':	pass = [hsb[0], hsb[1], value]; break;
-				default : pass = hsb;
-			}
-			
-			this.manualSet(pass, 'hsb');
-			this.fireEvent('onChange', [this.sets, this]);
-		}
-		e.stop();
-	},
-	
-	eventKeydown: function(e, el) {
-		var n = e.code, k = e.key;
-
-		if 	((!el.className.test(/hexInput/) && !(n >= 48 && n <= 57)) &&
-			(k!='backspace' && k!='tab' && k !='delete' && k!='left' && k!='right'))
-		e.stop();
-	},
-	
-	eventKeyup: function(e, el) {
-		var n = e.code, k = e.key, pass, prefix, chr = el.value.charAt(0);
-
-		if (!$chk(el.value)) return;
-		if (el.className.test(/hexInput/)) {
-			if (chr != "#" && el.value.length != 6) return;
-			if (chr == '#' && el.value.length != 7) return;
-		} else {
-			if (!(n >= 48 && n <= 57) && (!['backspace', 'tab', 'delete', 'left', 'right'].contains(k)) && el.value.length > 3) return;
-		}
-		
-		prefix = this.options.prefix;
-
-		if (el.className.test(/(rInput|gInput|bInput)/)) {
-			if (el.value  < 0 || el.value > 255) return;
-			switch(el.className){
-				case prefix + 'rInput': pass = [el.value, this.sets.rgb[1], this.sets.rgb[2]]; break;
-				case prefix + 'gInput': pass = [this.sets.rgb[0], el.value, this.sets.rgb[2]]; break;
-				case prefix + 'bInput': pass = [this.sets.rgb[0], this.sets.rgb[1], el.value]; break;
-				default : pass = this.sets.rgb;
-			}
-			this.manualSet(pass);
-			this.fireEvent('onChange', [this.sets, this]);
-		}
-		else if (!el.className.test(/hexInput/)) {
-			if (el.className.test(/HueInput/) && el.value  < 0 || el.value > 360) return;
-			else if (el.className.test(/HueInput/) && el.value == 360) el.value = 0;
-			else if (el.className.test(/(SatuInput|BrighInput)/) && el.value  < 0 || el.value > 100) return;
-			switch(el.className){
-				case prefix + 'HueInput': pass = [el.value, this.sets.hsb[1], this.sets.hsb[2]]; break;
-				case prefix + 'SatuInput': pass = [this.sets.hsb[0], el.value, this.sets.hsb[2]]; break;
-				case prefix + 'BrighInput': pass = [this.sets.hsb[0], this.sets.hsb[1], el.value]; break;
-				default : pass = this.sets.hsb;
-			}
-			this.manualSet(pass, 'hsb');
-			this.fireEvent('onChange', [this.sets, this]);
-		} else {
-			pass = el.value.hexToRgb(true);
-			if (isNaN(pass[0])||isNaN(pass[1])||isNaN(pass[2])) return;
-
-			if ($chk(pass)) {
-				this.manualSet(pass);
-				this.fireEvent('onChange', [this.sets, this]);
-			}
-		}
-			
-	},
-			
-	doLayout: function() {
-		var id = this.options.id, prefix = this.options.prefix;
-		var idPrefix = id + ' .' + prefix;
-
-		this.layout = new Element('div', {
-			'styles': {'display': 'block', 'position': 'absolute'},
-			'id': id
-		}).inject(document.body);
-
-		var box = new Element('div', {
-			'styles':  {'position': 'relative'},
-			'class': prefix + 'box'
-		}).inject(this.layout);
-			
-		var div = new Element('div', {
-			'styles': {'position': 'absolute', 'overflow': 'hidden'},
-			'class': prefix + 'overlayBox'
-		}).inject(box);
-		
-		var ar = new Element('div', {
-			'styles': {'position': 'absolute', 'zIndex': 1},
-			'class': prefix + 'arrows'
-		}).inject(box);
-		ar.width = ar.getStyle('width').toInt();
-		ar.height = ar.getStyle('height').toInt();
-		
-		var ov = new Element('img', {
-			'styles': {'background-color': '#fff', 'position': 'relative', 'zIndex': 2},
-			'src': this.options.imgPath + 'moor_woverlay.png',
-			'class': prefix + 'overlay'
-		}).inject(div);
-		
-		var ov2 = new Element('img', {
-			'styles': {'position': 'absolute', 'top': 0, 'left': 0, 'zIndex': 2},
-			'src': this.options.imgPath + 'moor_boverlay.png',
-			'class': prefix + 'overlay'
-		}).inject(div);
-		
-		if (Browser.Engine.trident4) {
-			div.setStyle('overflow', '');
-			var src = ov.src;
-			ov.src = this.options.imgPath + 'blank.gif';
-			ov.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
-			src = ov2.src;
-			ov2.src = this.options.imgPath + 'blank.gif';
-			ov2.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
-		}
-		ov.width = ov2.width = div.getStyle('width').toInt();
-		ov.height = ov2.height = div.getStyle('height').toInt();
-
-		var cr = new Element('div', {
-			'styles': {'overflow': 'hidden', 'position': 'absolute', 'zIndex': 2},
-			'class': prefix + 'cursor'	
-		}).inject(div);
-		cr.width = cr.getStyle('width').toInt();
-		cr.height = cr.getStyle('height').toInt();
-		
-		var sl = new Element('img', {
-			'styles': {'position': 'absolute', 'z-index': 2},
-			'src': this.options.imgPath + 'moor_slider.png',
-			'class': prefix + 'slider'
-		}).inject(box);
-		this.layout.slider = sl;
-		sl.width = sl.getStyle('width').toInt();
-		sl.height = sl.getStyle('height').toInt();
-
-		new Element('div', {
-			'styles': {'position': 'absolute'},
-			'class': prefix + 'colorBox'
-		}).inject(box);
-
-		new Element('div', {
-			'styles': {'zIndex': 2, 'position': 'absolute'},
-			'class': prefix + 'chooseColor'
-		}).inject(box);
-			
-		this.layout.backup = new Element('div', {
-			'styles': {'zIndex': 2, 'position': 'absolute', 'cursor': 'pointer'},
-			'class': prefix + 'currentColor'
-		}).inject(box);
-		
-		var R = new Element('label').inject(box).setStyle('position', 'absolute');
-		var G = R.clone().inject(box).addClass(prefix + 'gLabel').set('html', 'G: ');
-		var B = R.clone().inject(box).addClass(prefix + 'bLabel').set('html', 'B: ');
-		R.set('html', 'R: ').addClass(prefix + 'rLabel');
-		
-		var inputR = new Element('input');
-		var inputG = inputR.clone().inject(G).addClass(prefix + 'gInput');
-		var inputB = inputR.clone().inject(B).addClass(prefix + 'bInput');
-		inputR.inject(R).addClass(prefix + 'rInput');
-		
-		var HU = new Element('label').inject(box).setStyle('position', 'absolute');
-		var SA = HU.clone().inject(box).addClass(prefix + 'SatuLabel').set('html', 'S: ');
-		var BR = HU.clone().inject(box).addClass(prefix + 'BrighLabel').set('html', 'B: ');
-		HU.set('html', 'H: ').addClass(prefix + 'HueLabel');
-
-		var inputHU = new Element('input');
-		var inputSA = inputHU.clone().inject(SA).addClass(prefix + 'SatuInput');
-		var inputBR = inputHU.clone().inject(BR).addClass(prefix + 'BrighInput');
-		inputHU.inject(HU).addClass(prefix + 'HueInput');
-		SA.innerHTML += " %"; BR.innerHTML += " %";
-		SP = new Element('span', {'styles': {'position': 'absolute'}, 'class': prefix + 'ballino'})
-		SP.innerHTML = " &deg;"
-		SP.inject(HU,'after');
-
-		var hex = new Element('label').inject(box).setStyle('position', 'absolute').addClass(prefix + 'hexLabel').set('html', '#hex: ').adopt(new Element('input').addClass(prefix + 'hexInput'));
-		
-		var ok = new Element('input', {
-			'styles': {'position': 'absolute'},
-			'type': 'button',
-			'value': this.options.selectText,
-			'class': prefix + 'okButton'
-		}).inject(box);
-		
-		this.rePosition();
-
-		var overlays = $$('#' + id + ' .' + prefix + 'overlay');
-		this.layout.overlay = overlays[0];
-		this.layout.overlay2 = overlays[1];
-		this.layout.cursor = cr;
-		this.layout.arrows = ar;
-		this.chooseColor = this.layout.getElement('.' + prefix + 'chooseColor');
-		this.RedInput = inputR;
-		this.GreenInput = inputG;
-		this.BlueInput = inputB;
-		this.HueInput = inputHU;
-		this.SatuInput = this.layout.getElement('.' + prefix + 'SatuInput');
-		this.BrighInput = this.layout.getElement('.' + prefix + 'BrighInput');
-		this.hexInput = this.layout.getElement('.' + prefix + 'hexInput');;
-
-		this.arrRGB = [this.RedInput, this.GreenInput, this.BlueInput];
-		this.arrHSB = [this.HueInput, this.SatuInput, this.BrighInput];
-		this.okButton = ok;
-		
-		if (!Browser.Engine.webkit419) this.hide();
-	},
-	rePosition: function() {
-		var coords = this.element.getCoordinates();
-		this.layout.setStyles({
-			'left': coords.left,
-			'top': coords.top + coords.height + 1
-		});
-	},
-	
-	snippet: function(mode, type) {
-		var size; type = (type) ? type : 'none';
-
-		switch(mode) {
-			case 'arrPos':
-				var t = this.layout.arrows.getStyle('top').toInt();
-				size = t;
-				break;
-			case 'arrSize': 
-				var h = this.layout.arrows.height;
-				h = (type == 'int') ? (h/2).toInt() : h;
-				size = h;
-				break;		
-			case 'curPos':
-				var l = this.layout.cursor.getStyle('left').toInt();
-				var t = this.layout.cursor.getStyle('top').toInt();
-				size = {'l': l, 't': t};
-				break;
-			case 'slider':
-				var t = this.layout.slider.getStyle('marginTop').toInt();
-				size = t;
-				break;
-			default :
-				var h = this.layout.cursor.height;
-				var w = this.layout.cursor.width;
-				h = (type == 'int') ? (h/2).toInt() : h;
-				w = (type == 'int') ? (w/2).toInt() : w;
-				size = {w: w, h: h};
-		};
-		return size;
-	}
-});
diff --git a/js/mootools-domready-rainbow.js b/js/mootools-domready-rainbow.js
deleted file mode 100644
index 40041dfe45..0000000000
--- a/js/mootools-domready-rainbow.js
+++ /dev/null
@@ -1,16 +0,0 @@
-window.addEvent('domready', function() {
-	var r = new MooRainbow('myRainbow', {
-		'startColor': [58, 142, 246],
-		'imgPath': 'js/mooRainbow/images/',
-		'onChange': function(color) {
-			top.frame_navigation.document.getElementById('body_leftFrame').style.backgroundColor = color.hex;
-			top.frame_navigation.document.getElementById('pmalogo').style.backgroundColor = color.hex;
-			top.frame_content.document.body.style.backgroundColor = color.hex;
-			},
-		'onComplete': function(color) {
-			top.frame_content.document.getElementById('rainbowform').custom_color.value = color.hex;
-			top.frame_content.document.getElementById('rainbowform').custom_color_rgb.value = color.rgb;
-			top.frame_content.document.getElementById('rainbowform').submit();
-			}
-	});
-});
diff --git a/libraries/common.inc.php b/libraries/common.inc.php
index 11c5f8bd35..5a4afc4b3d 100644
--- a/libraries/common.inc.php
+++ b/libraries/common.inc.php
@@ -666,10 +666,8 @@ unset($default_server);
 
 if (isset($_REQUEST['custom_color_reset'])) {
     unset($_SESSION['tmp_user_values']['custom_color']);
-    unset($_SESSION['tmp_user_values']['custom_color_rgb']);
 } elseif (isset($_REQUEST['custom_color'])) {
     $_SESSION['tmp_user_values']['custom_color'] = $_REQUEST['custom_color'];
-    $_SESSION['tmp_user_values']['custom_color_rgb'] = $_REQUEST['custom_color_rgb'];
 }
 /**
  * @global PMA_Theme_Manager $_SESSION['PMA_Theme_Manager']
diff --git a/libraries/header_meta_style.inc.php b/libraries/header_meta_style.inc.php
index 5413be674e..c6c6f9635d 100644
--- a/libraries/header_meta_style.inc.php
+++ b/libraries/header_meta_style.inc.php
@@ -46,11 +46,14 @@ if ($GLOBALS['text_dir'] == 'ltr') {
         echo 'phpMyAdmin';
     }
 ?></title>
-    <link rel="stylesheet" type="text/css" href="<?php echo defined('PMA_PATH_TO_BASEDIR') ? PMA_PATH_TO_BASEDIR : ''; ?>phpmyadmin.css.php?<?php echo PMA_generate_common_url(); ?>&amp;js_frame=<?php echo isset($print_view) ? 'print' : 'right'; ?>&amp;nocache=<?php echo $GLOBALS['PMA_Config']->getThemeUniqueValue(); ?>" />
-<?php if (defined('PMA_MOORAINBOW')) { ?>
-    <link rel="stylesheet" type="text/css" href="js/mooRainbow/mooRainbow.css" />
+<?php 
+// goes before our themed CSS
+    if (defined('PMA_COLORPICKER')) { ?>
+    <link rel="stylesheet" type="text/css" href="js/colorpicker/css/colorpicker.css" />
+    <link rel="stylesheet" media="screen" type="text/css" href="js/colorpicker/css/layout.css" />
 <?php
-      }
+    }
 ?>
+    <link rel="stylesheet" type="text/css" href="<?php echo defined('PMA_PATH_TO_BASEDIR') ? PMA_PATH_TO_BASEDIR : ''; ?>phpmyadmin.css.php?<?php echo PMA_generate_common_url(); ?>&amp;js_frame=<?php echo isset($print_view) ? 'print' : 'right'; ?>&amp;nocache=<?php echo $GLOBALS['PMA_Config']->getThemeUniqueValue(); ?>" />
     <link rel="stylesheet" type="text/css" href="<?php echo defined('PMA_PATH_TO_BASEDIR') ? PMA_PATH_TO_BASEDIR : ''; ?>print.css" media="print" />
     <meta name="robots" content="noindex,nofollow" />
diff --git a/main.php b/main.php
index ef9c6b588b..36a81252d6 100644
--- a/main.php
+++ b/main.php
@@ -9,11 +9,11 @@
 /**
  * Gets some core libraries and displays a top message if required
  */
-define('PMA_MOORAINBOW', true);
+define('PMA_COLORPICKER', true);
 require_once './libraries/common.inc.php';
-$GLOBALS['js_include'][] = 'mootools-more.js';
-$GLOBALS['js_include'][] = 'mooRainbow/mooRainbow.js';
-$GLOBALS['js_include'][] = 'mootools-domready-rainbow.js';
+
+$GLOBALS['js_include'][] = 'jquery/jquery-1.4.2-min.js';
+$GLOBALS['js_include'][] = 'colorpicker/js/colorpicker.js';
 
 // Handles some variables that may have been sent by the calling script
 $GLOBALS['db'] = '';
@@ -159,14 +159,37 @@ if ($GLOBALS['cfg']['ThemeManager']) {
     //<![CDATA[
     document.write('<li id="li_custom_color">');
     document.write('<?php echo PMA_escapeJsString($strCustomColor) . ': '; ?>');
-    document.write('<img id="myRainbow" src="js/mooRainbow/images/rainbow.png" alt="[r]" width="16" height="16" />');
-    document.write('<form name="rainbowform" id="rainbowform" method="post" action="index.php" target="_parent">');
+    document.write('<form name="colorform" id="colorform" method="post" action="index.php" target="_parent">');
     document.write('<?php echo PMA_generate_common_hidden_inputs(); ?>');
-    document.write('<input type="hidden" name="custom_color" />');
-    document.write('<input type="hidden" name="custom_color_rgb" />');
+    document.write('<input type="hidden" id="custom_color" name="custom_color" value="" />');
     document.write('<input type="submit" name="custom_color_reset" value="<?php echo $strReset; ?>" />');
     document.write('</form>');
+    document.write('<div id="colorSelector">');
+    document.write('</div>');
     document.write('</li>');
+
+    $(document).ready(function() {
+        // Choosing another id does not work! 
+        $('#colorSelector').ColorPicker({
+            color: '#0000ff',
+            onShow: function (colpkr) {
+                $(colpkr).fadeIn(500);
+                return false;
+            },
+            onHide: function (colpkr) {
+                $(colpkr).fadeOut(500);
+                return false;
+            },
+            onChange: function(hsb, hex, rgb) {
+                top.frame_content.document.body.style.backgroundColor = '#' + hex;
+                top.frame_navigation.document.body.style.backgroundColor = '#' + hex;
+            },
+            onSubmit: function(hsb, hex, rgb) {
+                $('#custom_color').val('#' + hex);
+                $('#colorform').submit();
+            }
+        });
+    });
     //]]>
     </script>
     <?php

From b994ec6934cef1b02d944969b05ace1f991dbaa7 Mon Sep 17 00:00:00 2001
From: Marc Delisle <marc@infomarc.info>
Date: Thu, 25 Mar 2010 17:03:18 -0400
Subject: [PATCH 2/2] forgot to add this

---
 js/colorpicker/css/colorpicker.css            | 161 ++++++
 js/colorpicker/css/layout.css                 | 218 ++++++++
 js/colorpicker/images/blank.gif               | Bin 0 -> 49 bytes
 .../images/colorpicker_background.png         | Bin 0 -> 1897 bytes
 js/colorpicker/images/colorpicker_hex.png     | Bin 0 -> 532 bytes
 js/colorpicker/images/colorpicker_hsb_b.png   | Bin 0 -> 970 bytes
 js/colorpicker/images/colorpicker_hsb_h.png   | Bin 0 -> 1012 bytes
 js/colorpicker/images/colorpicker_hsb_s.png   | Bin 0 -> 1171 bytes
 js/colorpicker/images/colorpicker_indic.gif   | Bin 0 -> 86 bytes
 js/colorpicker/images/colorpicker_overlay.png | Bin 0 -> 10355 bytes
 js/colorpicker/images/colorpicker_rgb_b.png   | Bin 0 -> 970 bytes
 js/colorpicker/images/colorpicker_rgb_g.png   | Bin 0 -> 1069 bytes
 js/colorpicker/images/colorpicker_rgb_r.png   | Bin 0 -> 1066 bytes
 js/colorpicker/images/colorpicker_select.gif  | Bin 0 -> 78 bytes
 js/colorpicker/images/colorpicker_submit.png  | Bin 0 -> 984 bytes
 js/colorpicker/images/custom_background.png   | Bin 0 -> 1916 bytes
 js/colorpicker/images/custom_hex.png          | Bin 0 -> 562 bytes
 js/colorpicker/images/custom_hsb_b.png        | Bin 0 -> 1097 bytes
 js/colorpicker/images/custom_hsb_h.png        | Bin 0 -> 970 bytes
 js/colorpicker/images/custom_hsb_s.png        | Bin 0 -> 1168 bytes
 js/colorpicker/images/custom_indic.gif        | Bin 0 -> 86 bytes
 js/colorpicker/images/custom_rgb_b.png        | Bin 0 -> 1008 bytes
 js/colorpicker/images/custom_rgb_g.png        | Bin 0 -> 1069 bytes
 js/colorpicker/images/custom_rgb_r.png        | Bin 0 -> 1018 bytes
 js/colorpicker/images/custom_submit.png       | Bin 0 -> 997 bytes
 js/colorpicker/images/select.png              | Bin 0 -> 506 bytes
 js/colorpicker/images/select2.png             | Bin 0 -> 518 bytes
 js/colorpicker/images/slider.png              | Bin 0 -> 315 bytes
 js/colorpicker/js/colorpicker.js              | 484 ++++++++++++++++++
 29 files changed, 863 insertions(+)
 create mode 100644 js/colorpicker/css/colorpicker.css
 create mode 100644 js/colorpicker/css/layout.css
 create mode 100644 js/colorpicker/images/blank.gif
 create mode 100644 js/colorpicker/images/colorpicker_background.png
 create mode 100644 js/colorpicker/images/colorpicker_hex.png
 create mode 100644 js/colorpicker/images/colorpicker_hsb_b.png
 create mode 100644 js/colorpicker/images/colorpicker_hsb_h.png
 create mode 100644 js/colorpicker/images/colorpicker_hsb_s.png
 create mode 100644 js/colorpicker/images/colorpicker_indic.gif
 create mode 100644 js/colorpicker/images/colorpicker_overlay.png
 create mode 100644 js/colorpicker/images/colorpicker_rgb_b.png
 create mode 100644 js/colorpicker/images/colorpicker_rgb_g.png
 create mode 100644 js/colorpicker/images/colorpicker_rgb_r.png
 create mode 100644 js/colorpicker/images/colorpicker_select.gif
 create mode 100644 js/colorpicker/images/colorpicker_submit.png
 create mode 100644 js/colorpicker/images/custom_background.png
 create mode 100644 js/colorpicker/images/custom_hex.png
 create mode 100644 js/colorpicker/images/custom_hsb_b.png
 create mode 100644 js/colorpicker/images/custom_hsb_h.png
 create mode 100644 js/colorpicker/images/custom_hsb_s.png
 create mode 100644 js/colorpicker/images/custom_indic.gif
 create mode 100644 js/colorpicker/images/custom_rgb_b.png
 create mode 100644 js/colorpicker/images/custom_rgb_g.png
 create mode 100644 js/colorpicker/images/custom_rgb_r.png
 create mode 100644 js/colorpicker/images/custom_submit.png
 create mode 100644 js/colorpicker/images/select.png
 create mode 100644 js/colorpicker/images/select2.png
 create mode 100644 js/colorpicker/images/slider.png
 create mode 100644 js/colorpicker/js/colorpicker.js

diff --git a/js/colorpicker/css/colorpicker.css b/js/colorpicker/css/colorpicker.css
new file mode 100644
index 0000000000..05b02b4856
--- /dev/null
+++ b/js/colorpicker/css/colorpicker.css
@@ -0,0 +1,161 @@
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: url(../images/colorpicker_background.png);
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: url(../images/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: url(../images/colorpicker_select.gif);
+	margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: url(../images/colorpicker_indic.gif) left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input {
+	background-color: transparent;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	height: 11px;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: url(../images/colorpicker_hex.png) top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: url(../images/colorpicker_rgb_r.png);
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: url(../images/colorpicker_rgb_g.png);
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: url(../images/colorpicker_rgb_b.png);
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: url(../images/colorpicker_hsb_h.png);
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: url(../images/colorpicker_hsb_s.png);
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: url(../images/colorpicker_hsb_b.png);
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: url(../images/colorpicker_submit.png) top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus {
+	background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_slider {
+	background-position: bottom;
+}
diff --git a/js/colorpicker/css/layout.css b/js/colorpicker/css/layout.css
new file mode 100644
index 0000000000..396e671c64
--- /dev/null
+++ b/js/colorpicker/css/layout.css
@@ -0,0 +1,218 @@
+/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
+	margin:0;
+	padding:0;
+}
+table {
+	border-collapse:collapse;
+	border-spacing:0;
+}
+fieldset,img { 
+	border:0;
+}
+address,caption,cite,code,dfn,em,strong,th,var {
+	font-style:normal;
+	font-weight:normal;
+}
+ol,ul {
+	list-style:none;
+}
+caption,th {
+	text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+	font-size:100%;
+	font-weight:normal;
+}
+q:before,q:after {
+	content:'';
+}
+abbr,acronym { border:0;
+}
+html, body {
+	background-color: #fff;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	line-height: 18px;
+	color: #52697E;
+}
+body {
+	text-align: center;
+	overflow: auto;
+}
+.wrapper {
+	width: 700px;
+	margin: 0 auto;
+	text-align: left;
+}
+h1 {
+	font-size: 21px;
+	height: 47px;
+	line-height: 47px;
+	text-transform: uppercase;
+}
+.navigationTabs {
+	height: 23px;
+	line-height: 23px;
+	border-bottom: 1px solid #ccc;
+}
+.navigationTabs li {
+	float: left;
+	height: 23px;
+	line-height: 23px;
+	padding-right: 3px;
+}
+.navigationTabs li a{
+	float: left;
+	dispaly: block;
+	height: 23px;
+	line-height: 23px;
+	padding: 0 10px;
+	overflow: hidden;
+	color: #52697E;
+	background-color: #eee;
+	position: relative;
+	text-decoration: none;
+}
+.navigationTabs li a:hover {
+	background-color: #f0f0f0;
+}
+.navigationTabs li a.active {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-bottom: 0px solid;
+}
+.tabsContent {
+	border: 1px solid #ccc;
+	border-top: 0px solid;
+	width: 698px;
+	overflow: hidden;
+}
+.tab {
+	padding: 16px;
+	display: none;
+}
+.tab h2 {
+	font-weight: bold;
+	font-size: 16px;
+}
+.tab h3 {
+	font-weight: bold;
+	font-size: 14px;
+	margin-top: 20px;
+}
+.tab p {
+	margin-top: 16px;
+	clear: both;
+}
+.tab ul {
+	margin-top: 16px;
+	list-style: disc;
+}
+.tab li {
+	margin: 10px 0 0 35px;
+}
+.tab a {
+	color: #8FB0CF;
+}
+.tab strong {
+	font-weight: bold;
+}
+.tab pre {
+	font-size: 11px;
+	margin-top: 20px;
+	width: 668px;
+	overflow: auto;
+	clear: both;
+}
+.tab table {
+	width: 100%;
+}
+.tab table td {
+	padding: 6px 10px 6px 0;
+	vertical-align: top;
+}
+.tab dt {
+	margin-top: 16px;
+}
+*/
+#colorSelector {
+	position: relative;
+	width: 36px;
+	height: 36px;
+	background: url(../images/select.png);
+}
+#colorSelector div {
+	position: absolute;
+	top: 3px;
+	left: 3px;
+	width: 30px;
+	height: 30px;
+	background: url(../images/select.png) center;
+}
+#colorSelector2 {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 36px;
+	height: 36px;
+	background: url(../images/select2.png);
+}
+#colorSelector2 div {
+	position: absolute;
+	top: 4px;
+	left: 4px;
+	width: 28px;
+	height: 28px;
+	background: url(../images/select2.png) center;
+}
+#colorpickerHolder2 {
+	top: 32px;
+	left: 0;
+	width: 356px;
+	height: 0;
+	overflow: hidden;
+	position: absolute;
+}
+#colorpickerHolder2 .colorpicker {
+	background-image: url(../images/custom_background.png);
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+#colorpickerHolder2 .colorpicker_hue div {
+	background-image: url(../images/custom_indic.gif);
+}
+#colorpickerHolder2 .colorpicker_hex {
+	background-image: url(../images/custom_hex.png);
+}
+#colorpickerHolder2 .colorpicker_rgb_r {
+	background-image: url(../images/custom_rgb_r.png);
+}
+#colorpickerHolder2 .colorpicker_rgb_g {
+	background-image: url(../images/custom_rgb_g.png);
+}
+#colorpickerHolder2 .colorpicker_rgb_b {
+	background-image: url(../images/custom_rgb_b.png);
+}
+#colorpickerHolder2 .colorpicker_hsb_s {
+	background-image: url(../images/custom_hsb_s.png);
+	display: none;
+}
+#colorpickerHolder2 .colorpicker_hsb_h {
+	background-image: url(../images/custom_hsb_h.png);
+	display: none;
+}
+#colorpickerHolder2 .colorpicker_hsb_b {
+	background-image: url(../images/custom_hsb_b.png);
+	display: none;
+}
+#colorpickerHolder2 .colorpicker_submit {
+	background-image: url(../images/custom_submit.png);
+}
+#colorpickerHolder2 .colorpicker input {
+	color: #778398;
+}
+#customWidget {
+	position: relative;
+	height: 36px;
+}
diff --git a/js/colorpicker/images/blank.gif b/js/colorpicker/images/blank.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75b945d2553848b8b6f41fe5e24599c0687b8472
GIT binary patch
literal 49
zcmZ?wbhEHbWMp7unE0RJ|Ns9C3=9Vj8~~DvKUo+V7?>DzfNY>Fh|Ltj$Y2csQN9XW

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_background.png b/js/colorpicker/images/colorpicker_background.png
new file mode 100644
index 0000000000000000000000000000000000000000..8401572f1939a1a24c1963513573b0194ad36ee0
GIT binary patch
literal 1897
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
AumAu6

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_hex.png b/js/colorpicker/images/colorpicker_hex.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e532d7c65393fe56d7463e1da3faa591f03de84
GIT binary patch
literal 532
zcmV+v0_**WP)<h;3K|Lk000e1NJLTq002k;001lq0ssI2N$P1_00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA2nn^@KRCwC#n6YcZKorKmBnM{5VnN~}9ReD%Nhj%)e@2UckI?wn+*F*3;85I(
zxENdy>|*I~AlHjh(Li4w_e~$k1>TSMlH7e>k|a?SftQq0B8sB@e$Nc7)9DBRzVCyb
z1b`q2c!CKbZg`U5o2itl0Sv%)yQM?b>-9{KyTHhep8?|QckHZYvzcW~5d<@9^YvHp
ztN^T5E7MqasmZKO0Qfo_tQD_Cp^cRCbkSPY3PWmOrwUtP=mYq!XfhrH$n!kUb8V{2
z2zJb@O#p!BU0T}j_bo$O28aMq#VY1=a}K4HFOx|FxU3(vcdlc4{G^oH07wS|@(ugl
zu}h<vrm1C`Hi{Ln>2#{EpG-rzyuU{=%QDL_0lRX0#t`gyJhJT=_461{Fr^gFFz2D&
z?#3}Quw7Y-ZXCZam(0MPhC`Q9H4*H#%p;?>f&5sn>j`t-77IF5&!dq`sa#4$MD?Up
z1Z7s}QYx2H{U_Ho#}=1TQ65E?QgHyga(l)Q>~phW+cE0rF`i(%vV0^K=++YE{0sm&
WpVhv@?^YTB0000<MNUMnLSTZ@H00j^

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_hsb_b.png b/js/colorpicker/images/colorpicker_hsb_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfac595d017e279ff670df2c816e02d922660d9f
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4P)S5VRCwC#nn6n&K^TU=-E6Jmny{kAgHdYMnDn-IF?jG$4BqP9gMtMis0Dw8
zAV{dW=nt@ez?%dVDIU_2gRqI_5Em~-k8ZNXWV1btZa3MO4c19#+Wqh_Zf2N=;hoLQ
zLzrMN$n!kVR;sFUJkQ_V-BE`=I5@}w0L!vKVQ~Q9@px!O=Q!>KBXRE#RaJ4J1Hkq5
zH74#rAmB*#N9cI-&<?si>+9?5X8Zj7{P_5|^XQH{u=yKC6vb33b$ff;+uIw9#SFtZ
zJw0vcV;BZjbSqURlaVB;VRjAxerlS1<l*6Ap-_0kaeaM#!C>&~!NI`5fVIQh?ryB;
zCRH|<L-dhw*g8800JU1pK5~A3zFaPQz252R=|mz?Dwq44b;DOC)nq7ina`tkXkwx+
zFu*YOk)kMSn#QthPfw4}=Mw~>X*Y~znJyFxHP3oeqGU3e&1O9;`*C3*9*=)dr#lP&
zn<{s4fg0h-$-2z|0F15BXa1p~(a}*s5CEWXbyYJAdmo&O{#YpD48vSpURq~=HZW^z
zYn4ic=lPM5k&}~?zi?i#P(>mU00>*Q=~G~A=!rx^QIxK(E{0+5@9$+<_W68FXS3cg
z9in$e&*$@{Qpx;xe0;nc^Q+Ji{h4jrtW!Iut3V(?BD!Pgx=!e-({Wy>6<t+TTCdgp
zf-vm&Q-^+2EONts|Bp<DI`k<?a*Y68M&Nz@iQ?5u&gC#(tG}I{Vd9>NMqMNDj~M~n
z)!GO=qQA@t;I7t2;1S(50<IBojeu(eTqE$BMqnlyrSe)`P!!h){D(&1rdS-qDY5Wf
ztEs$|0)W@+CDaH^Nz#Y8xfUH#M@Qru0Y|4vt`TSpolGN8sZ?k+0uK)lv>Ji7R-H^E
z;Fxt5y<r+k6h%c*(&@A;%duE&c6Qd@rvvC_ZEbDo^+mK1FjswNX9obbx3@PpH|a0}
zdbNrgpEowX?CzrWh9$}58iA@M>+yKp{*YWFP<>kUy}douSY2JE!wBfrD*F4hvVtJ@
z_xH_*L>mEXHkOx{0bprq$rczQjer>#REvv?4Nu550(w0tO-7)tlOusf;N935Ms)0f
sary=%7ro}V>f{=MmOlY4Yuc{?08g~^-7;vm)Bpeg07*qoM6N<$g2&OnRsaA1

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_hsb_h.png b/js/colorpicker/images/colorpicker_hsb_h.png
new file mode 100644
index 0000000000000000000000000000000000000000..3977ed9f21e3186eefd37b198a7cc3f8de6c69cb
GIT binary patch
literal 1012
zcmV<Q0}K3#P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4dPzh<RCwC#na@h&Kp4QkX;N)#QEI5|!A2HqZTBL@Q}wtAzJMnW3N8qOu8&da
zMRvXDEBFYq$Hj}Kc-h8HVG$K9UW&v<+a}q=)DV-j5#8C&u=xmOCi%krn11;)zo6;q
z>1Z?xtc9W|d^8%pySrl!Jsywq01yZSfWhDafa5q;(RrSK!<nS75Jgc)p##9x)fFM`
zR4V03^)7U>_25Mnz_o6R-Q8VL6wU6+%F4pRf-Q$MI@dS4=mAHh)9FT|@$~eByOWcX
z!C<h_XjpSdqg%&1KR>q-b_?cFRh?(5s;V}d2mk<dO>4K?&4-6bIBX^iheAZrO{%IS
z0YIfv$z`+F(Rl#Sb=`U9^73-C*$nbL0E`QQVHk#CxMmUxbFA4+=9etvc4lVg#bpWz
zInPX|)2gcCza|_G>$(mIxn`0I%UGFA#{CZCigR#qP_0(EKmY)WdwYgq^vWbf{@jo*
zE^s3|JL^F2F_(#niAW>@0HNVwp65~TOfr++9V?g3RwW5{t@J$$rn?^>GJgkDFu7a~
z0J4_L6actnGO6o2dKt1Tm&@fyBr-HKgb=#EzCJrUYqeS<BO_)G$8q=f_k^&=#>Q+^
z@p#<Y<v7m0U}RYq1R)d(;X^k!Hwd9vEH;pW>6tJ$H`nQONIa<D8U3kvJp9|{Qq#1-
z&idQYsd!&!6<tvjR+rV|u~;&ZU=IDZUgwjEM7dI74t+kK_l*EsM&RSiH;TU=KP8Fa
zviisADIxB~Lcuozz7e3s2#}8cMxcxC8v)-4_(p(gBj7&k`}_N~T1^lHeCYW2xK^vd
zfM(rF?~Trc5$IX#wxv_p?T)@!C@{IK{(X7r8-f4O2;A1|Q>he-%W5W9r2sHGI!dV#
zn9t`wEiLs)_<nLiuMzNcn)DihSE18s1lsL3t45&JYO!hrJZGI=BcSySs*QjZv{)><
zqd%&uZ8MDk?wUrxmh*4WOQjM3lu9KVI=x0fd;SdeWoPH>w{N(;v%SrL5$IU%>swn}
z&Ykoc0rTVI;o%`}Y;JDa?=Z*_rV$WDQ4~e15wPVDEf~Cg-q^s9M@L8IPO6Q7wKmq*
z*8yN{ZOu_IR2l)>*Xq^PRofnVjezF$`JY}R@TxaQ3XQ;rsVRc!#0$pj@kcMZ?m6r9
i8Ue%TbFitZe+B@uIz19ZnQ%P-0000<MNUMnLSTX+U)PcV

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_hsb_s.png b/js/colorpicker/images/colorpicker_hsb_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2a699736c24b34c60afac8cea399b2c4afcf9a1
GIT binary patch
literal 1171
zcmV;E1Z?|>P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA58A(JzRCwC#nn6h0U=+t+YIIeCZ8N0REt9otS9j@(Ajt5v?W7gKqX!Ee2!alT
z*{jEbDCoQ>c=RY9Hf%t4)YgLZFxlE#lxYuB4{FKmYLj+{XqP4>>D<09+4?7kkiL)i
zCw=+8yx$khX0s6l0a_EoFgQUFr>Ccyv)<Cuf&+j~rvnWN2Y|Y|I;~pAar_n|Q9mIJ
z!=SPb07pkhh<sBNrReIntfQ@mN~}w3y|J-zXlRHe$xJ4bOeTZDVD+slK7r+D7{A|t
zd3j0Gv|g_t7#L`3YFb-c6U7t?1*F!6uA<SX+wB%*#{uAbCL<bVGMVP)=EC8y!C=Vc
za&2vG2L}hO7K<?Ej$V({dePPASd4ey;dBbK;{cG)=S9O3iNw^@)XvV%?#GYuczk_*
zy-+Af!;q?&?y<v>*xTdJ9d`TAin3TNEXx9h36D@HluRbgX0xZi|M`m->2&(y;zATt
zUtgb2rxE!!7z{#JcW)%jt^)w9^msr~9*-v;i!CfHcs!of)m5L*$Fi&_47G}h;x`gy
z*8u=lD!{P5zCN4HW;7V?-@EsXVF2Ld<Ro7xl!T$Sej~obF${|*62j~_A0-@<N~Jb8
zH{VQ79v&WMvst^{PSf=D+J<4(D|SJyj*boha0(t%0Ki->*VWaPbRbERt*xy_qcI!~
z@9yrBBxyFAg#ir>4M<nhvaW>LasI!M{&seDmP)0v*(}F#R;yKycq%MgFbV-Kmy2at
z6btolO5PRDr@!4Z$8p@>z3aEPu8Q|{ty*UoMyqW#X);+#XFW~m>+vyeF`IXyQO#NJ
zbh~RrKwCuMN$DHKAJ?Z?3}IWn844lt{j9sYMg;ybB7j=*MBv)`?T7$s$rFKV>l!5j
zc-gjXW@g6ebar)h4ST%+u)Mq+iA1Vh>;hK~hoekI)rdfi2>c2WDBo(VtgHlsL7oWA
z&(HHjpvo(k$QAFtqAp4OL_n^=BM3sifqK^6t;x3f;LDd95%>>@z}MsBc8bzsTdm2i
z6abo=n^j5#I^FK)FJH<8eAw7fFA-2=n(8G26<Jp&5y<6oS|tMVyBew{0u|kLbrJ!^
zTG#P2j7WaJpCn0|rnk4ZdwO~X2M47wRj^)EAQ0e6rD`Hjyz8^Gvj8wXJv}iop$#Iy
z-E4!s9v`27`<6c+9~;vE5nu(iJ~}!oy@-RPy{9P3_4Micckd#RNFWgKdc8iMZ)<C-
zzPb}par1F;agje685xnl3{?^Vj%E4dmCwhUTv}QxUQ{&^5Y~p*>ji+};bGxL%+uSO
z+~1duRQyKZk=2THHElK;WdhRY=jtT_oYMBcdWk?qZ;mP?0uS5U5n4xHFiI<+dadUb
l@49-4fb1urmzm6u0RTq3k6f>52*3aU002ovPDHLkV1hB)7U=*0

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_indic.gif b/js/colorpicker/images/colorpicker_indic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f9fa95e2825eadd2d779ad270a71eddb94f94748
GIT binary patch
literal 86
zcmZ?wbhEHbRA%60n8?6jX=xc99sU3Re+C8y#h)yU3=B*RIzTo9NS=X7-KS;c>A7MD
o3b%A+G;E1+{h2#gG;NlJnPP?C%HX<p+}SsMt_R$cWM!}h005U8G5`Po

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_overlay.png b/js/colorpicker/images/colorpicker_overlay.png
new file mode 100644
index 0000000000000000000000000000000000000000..561cdd9c59a498b499cbfd1295dc4d2037e235ff
GIT binary patch
literal 10355
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
RdwKu>002ovPDHLkV1myV#+d*B

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_rgb_b.png b/js/colorpicker/images/colorpicker_rgb_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfac595d017e279ff670df2c816e02d922660d9f
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4P)S5VRCwC#nn6n&K^TU=-E6Jmny{kAgHdYMnDn-IF?jG$4BqP9gMtMis0Dw8
zAV{dW=nt@ez?%dVDIU_2gRqI_5Em~-k8ZNXWV1btZa3MO4c19#+Wqh_Zf2N=;hoLQ
zLzrMN$n!kVR;sFUJkQ_V-BE`=I5@}w0L!vKVQ~Q9@px!O=Q!>KBXRE#RaJ4J1Hkq5
zH74#rAmB*#N9cI-&<?si>+9?5X8Zj7{P_5|^XQH{u=yKC6vb33b$ff;+uIw9#SFtZ
zJw0vcV;BZjbSqURlaVB;VRjAxerlS1<l*6Ap-_0kaeaM#!C>&~!NI`5fVIQh?ryB;
zCRH|<L-dhw*g8800JU1pK5~A3zFaPQz252R=|mz?Dwq44b;DOC)nq7ina`tkXkwx+
zFu*YOk)kMSn#QthPfw4}=Mw~>X*Y~znJyFxHP3oeqGU3e&1O9;`*C3*9*=)dr#lP&
zn<{s4fg0h-$-2z|0F15BXa1p~(a}*s5CEWXbyYJAdmo&O{#YpD48vSpURq~=HZW^z
zYn4ic=lPM5k&}~?zi?i#P(>mU00>*Q=~G~A=!rx^QIxK(E{0+5@9$+<_W68FXS3cg
z9in$e&*$@{Qpx;xe0;nc^Q+Ji{h4jrtW!Iut3V(?BD!Pgx=!e-({Wy>6<t+TTCdgp
zf-vm&Q-^+2EONts|Bp<DI`k<?a*Y68M&Nz@iQ?5u&gC#(tG}I{Vd9>NMqMNDj~M~n
z)!GO=qQA@t;I7t2;1S(50<IBojeu(eTqE$BMqnlyrSe)`P!!h){D(&1rdS-qDY5Wf
ztEs$|0)W@+CDaH^Nz#Y8xfUH#M@Qru0Y|4vt`TSpolGN8sZ?k+0uK)lv>Ji7R-H^E
z;Fxt5y<r+k6h%c*(&@A;%duE&c6Qd@rvvC_ZEbDo^+mK1FjswNX9obbx3@PpH|a0}
zdbNrgpEowX?CzrWh9$}58iA@M>+yKp{*YWFP<>kUy}douSY2JE!wBfrD*F4hvVtJ@
z_xH_*L>mEXHkOx{0bprq$rczQjer>#REvv?4Nu550(w0tO-7)tlOusf;N935Ms)0f
sary=%7ro}V>f{=MmOlY4Yuc{?08g~^-7;vm)Bpeg07*qoM6N<$g2&OnRsaA1

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_rgb_g.png b/js/colorpicker/images/colorpicker_rgb_g.png
new file mode 100644
index 0000000000000000000000000000000000000000..72b32760a5c40b7ab834d176ac588750a06f13f2
GIT binary patch
literal 1069
zcmV+|1k(G7P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4vq?ljRCwC#na@w+KorMcp|EVXQK$+YM6*gzHqnN7BF59kyLV$Gkwjyn8-M%_
zE{RbNUKIZauO4)ds|T|oT-ef(s1a0_$f>a^t?r@HEtF8AJM1*eOAln2$@}v7PN(lv
zVqjo^rfD!+2!cS;G+ihZOeejotBV8xi^T#a3=#mWR;yX1lO*|ym8f@!APA_W1Hk3w
zB_iEkuh&r3o1~-lLnG2_dVP3!cw}V6=kpbd#Y`r1aB$FM>4rPdqTFGsf@RrABvLAs
z_V)IUj*iC1$ET;KtLC7VuFaK9CiU4#0Js;$s%4Xtll%Mo+uPgi?d>#8=kxjb`T6VX
zYnRih&Uxo>AeFAF`pIzskVqr~Lqpo^765pv442ErFwDvEaR<YA-0lw)b(PDlt*sSr
zZzV}mr=hO8nrP7PCkTQd2rix0W+wpv2tvE2qq7qLvbo%Qit-N*uCA^s<C~kCJkK}J
z>>5>mzrVKEiOMUN%>sbW=d;^vxor09`ug(nG5}<=S@G^porYX_`AU~VE3z!TGDK12
zc|IHtTS-zB#k2Esx7%GV#GgQ4^p{X9P7p+z=e5~u7zO}#c6JsQ7vu3b&+`;T_4M>`
z9GA&t7={6YXue?rfdBvuX|^c<5G>0+K0fLf%ChWqI(vJ2Z8lpnnM|cp%5P9_w|2W7
z>1kS1l^S-tomBpdnunPn2&bo~4-XFj(BI$hKzujU8^&M)%d(Orp*X1D81+?=O8VFB
zIa!wfZPi~d9gF96vq~2P!K`gH<8pO-Jf@R=lh2dg9?y?N!gSI{gTWRNFc%T{RQW{l
z*CWMo2;1uKCntz>kA*@lBG4iNxDWx<QJ)CBRJ}z6T122l1h6IowOft*`}=4#swV;t
zhofnINmU|6eM4Om{zSl_!J}!qP7gH}3YoI4KD)SR5rO}Z2;AiJeO|8_+iFvGr2x>@
z)`lq&7!3wLPfXOA@a^yrUm{@0H1Q<@4N1q72$V`Cvl4;&Z#A$c0u5CiPa<IGb$p3{
ztchqeDpv;9L_n?j*47pPY;0_-tgM)W2*{G8Twj)!l%_5gi>ZTH69Gx%^@W86{U8at
z_Fg3dSGk-*1b!6?u~<wY0u)6xNqYI^<L>UR@?manP6sovBm$~8BD1qf>UcbEU>Hn@
zfYuw~a2Nn)W@dDT!IB76y{(>_nyMPXmk7v4umABS0u4PmVn_r&_Vpo@j@&Rtryjo2
npA4&xFA;ctuJh%cDE=M*G)vtq^hrv*00000NkvXXu0mjffA{0B

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_rgb_r.png b/js/colorpicker/images/colorpicker_rgb_r.png
new file mode 100644
index 0000000000000000000000000000000000000000..4855fe03f8ea8d88b4f8ae625c7958eea65208ac
GIT binary patch
literal 1066
zcmV+_1l9YAP)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4ut`KgRCwC#nL$e%K@`W|#$^*@2)1ijA*P`i*Vs!8o}|Yj_z@}|6buN87D4dl
zS;)b(p0whp5G)M=FI7^gQ8aB#6dSZ+h!%w1Y;?1+hmFg+n<hb-be85ZhhgRo^JnJG
z?!4a+ot>RFn+=R+9LJG1n=PBo8cw>y;UEFPWHNyPjRb(ErY56GCrR=VBT=6aj^j{C
z2Y}PlQ$)I5E>~4mPm+!{9%_-UkM*gkDWxt5LNprP-`}sZ^r|P&B!6Kv=J9woH#gVT
z*4Ee8bGcj~5O6x38Xwfs)pPCb?dfMH0U$33`jPQ?{QUg<*V)<EX!PUiD#I}Gg9EG8
zsyLV}7NpV@RX-950Eoq6JzlSRb`k)J#iD+s$K!E09A>k*x3{;YrDbbti|2U@V!3Kl
zRCTj#GL@3+Y**KVSO<d8kDQ#Glq;8)m-F-U$z;;)c9-=;WvaPYmMwow%gULVnc3al
z9UL5-o13%S?XHdvi`iVyW2&f193ILQZ+Ex$m=ZdZ`(C(QKTl3RZEVcW&N`jWvOXvm
zy<~ET69jRXOsZ!$m9|Dxlr1BO&*5-3n|(Vpl)t$t<AXF{?n_Tk4*+<*UiIvR&*!_n
zz156jSvC@h&@?T7Qd(PEMNv$r(`{{SiVsCmNdKmKRcfOsij?<4(~(N0XqvWIEOOWN
z^|dI9R;#sGEY|I=Ry8IGpU+n)6j1!ApJ<g;k@ED9J9CmG{o7T4ymTz?>qeE%ahy@p
z>gUg%wKI(2q+et*WIMxri^U8lz0dD&5CLNmfmf=FKMMPvNFYqBzie+K(*3%>zd-~V
zL;x2efZ8e(fs*tF5oi#B1`)uT2$WAXLZQ&n(GgA41VQBU`NhRWQ51QeZ*Fd`W2iq+
zC9AKVB^iPU{58STq)rq?Q52=WX&5rCK1rt=MBqOp0vDN#+vPH1T5ZUz6aegYJElaS
z&+mUTFi^oE5)R`_1gbJke2G9!((xn$q9_`b2vmO6z?uluwCZ>gfvT~NFA<Pbwy>}u
zJ+zYaydY?bOazXPk7GMK??WM;=NX3ieRZYrsgLwvFbDv_U{E6+Um_sgKZCuSp8l}3
zB-f`^k&G`9D5zq6Vq!wyh%XUP9v_#Nm*vX%__#5MfK({RB``K7i(FY*Q5vx(0tHD@
z%IN4Q0E~=`C@okM0nKam@bIvv1z#c{ReS!&mk88!bHtDcymY$}N=F_r<$jdLkY231
k>i80YySoaVIYIa{0Hu_2rW%yutN;K207*qoM6N<$f_Z=6i~s-t

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_select.gif b/js/colorpicker/images/colorpicker_select.gif
new file mode 100644
index 0000000000000000000000000000000000000000..599f7f13a6854d198f501588948ffcf97bf9f365
GIT binary patch
literal 78
zcmZ?wbhEHb<YwSzn8?Hc1pmPR$WZ*r!pOkD#GnHb1<5lo$xms{kbWR15y5uEZTiv3
YH#ckNwl~aFEr=?y37Dqg#>ij|08)1sO8@`>

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/colorpicker_submit.png b/js/colorpicker/images/colorpicker_submit.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f4c0825f53cc4faba8fc9e043502276765da1f5
GIT binary patch
literal 984
zcmV;}11J26P)<h;3K|Lk000e1NJLTq000&M001lq0ssI2?l<4300009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4UP(kjRCwC#l;3aLR20X**Y`TM;~%lpWOcWu>lSTng3|pcNEB`2g@;K<+cQWY
z@xLM7VCvg6R*=x(q3bFrqf^VEi|J^a#<62NaopJ9!D&c?Dnar9lXm0>pDUe@?m73~
z4=I<+ilSiD@O_^tic+msM@AHjMFxQ5IE)bt0Ht(X1Y>My)yQ<-5retIs8H*|7Z13?
zPrUHG+_qWtj}ULo_;=1nmuBCc)-Nf|EIiTorNxc<%@yk|zrCVZLkMb`W;%{E7G4iN
zdY`;^>*JEjL^t4S5m)PqP4!gn!t|B5ji+ioZtqDpHxS2Wp{R!++-@!2_(Y4UpgK4m
zViuZ;a0>2(RyP)J-EMq2@vFSw;N4@5^iSl%HShG?6=}vnkb`7GE<#kGX$U5f)j^DG
zO`a-yukBo4Eqs%fbh}*!AZ)eLTr4-l((DV8<P=>I3rsPQ%|p}SP9#JNLf&bBpDJZG
zW<$AGB8VabkR(Z(yV_x(32nq4M4idHZe*o1M9zm)ay&Q^oD4ika}TwCNv{zQk|sL|
zEVK!j0l0t*<OP9Bk_|XVpBrHZNx!6r=x4w0vvsGc6ecu;2Es`o0O0@^*lWXX!Hr-Y
zI2POIhwcSALN<SvmN$QSqo5k-L|_T12M~gQqQ<bBU@yQ*WwR-5=|j8d?@E25Z9TU1
zi<jeqK)^zfEC_&*z@@12corO3wa1gE*8kSXQO<|F_LcTX_-^jb`KU-6AR+)D0z3{@
zqq@F&SI<4*`Cy=XP}4M%Bq2v3*aDt)p4-3Gnk39lwnWouWh$Gy8}}b>-&@MHmsF)f
z27*#b=I7@-olgIr#Bm(QafeTW=}i0FOh-M7rpC5C;rX^4T9ibLF-mEF<1Bq({XG34
zgs?6|3$Q9c<*(6a0PyL%z)2^PzL$Tik72|p%JF@FT>Va&rlIR2BkGRB3|(JcTN@d1
z{p!_M20s~b?Xvgb4Q_GaQ_Xf@)!+uO)m$XyrsqoKoAMWHT<hVg`t-zE{5J;gA;vLy
z5An+2|0jbFTT9(i@tOa_?owsJKmDel7tfF=a{j2k`1(hC`B4tbs=7Z|Ka5BXF6?CT
zpSOc=A3Qm?HE8gBXi*l$@iBuBBVKBQ*B$3<sWgs${~Q30v-@ZTJA;}40000<MNUMn
GLSTX$qsiw0

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_background.png b/js/colorpicker/images/custom_background.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf55ffdd68ed42f2d70bd7ec2010cee86c110816
GIT binary patch
literal 1916
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
G+5ZDFiasF#

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_hex.png b/js/colorpicker/images/custom_hex.png
new file mode 100644
index 0000000000000000000000000000000000000000..888f444495b3e08dbfa91181bf94d90bf48c85c8
GIT binary patch
literal 562
zcmV-20?qx2P)<h;3K|Lk000e1NJLTq002k;001lq0ssI2N$P1_00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA2xJg7oRCwC#n9oZBK@`Wot_u~SmxN3r5Ih70Mbu#-5IXvQ^oxZ4n2NCaJ3IzL
z;2{X2q@qylU`7g|2rF%4hk<Pzw~)od+i4!}@OJjGybtqc_w6_I@KkGex=_nv(TLgZ
zbQ3evih(uWS|$L-7?d*;fa82=upc9MGGo!m0NAJF_<K-lewGeZ_2pFrQK}V15QATP
z`riJ56o^g}%&pA;!1{ep2e7uXAO_N1Y9`iZ0+^bdkTSM+b3CvzS$9!Nv+W)=Ft<Y6
z?im0KBP99x=`ny(u}~@&crctsaL2^jjK5RMk5wrM(s!&sbYQl2a$+A^ne18qh(3%6
z!ofU}c>7tIEDr$O-dD(j4er=)=917y8nqSkCx?994FUl(+=?D`-;|%FKoPJJ$1~Dk
zjQIfzhr{G14>qP93*O5^1+Z8&qNbSh-ukFFnu>uX6LGWNXj<z_ih-4`?zBqvf4~S%
zB+HBG0WjYx)#k=39jc4VYpqggm5R!&I2M(PpotY~l}f8rr2e42#x1Q<1*sLaN)<q`
z5yvyqVE$C9bZU;=<e^onAcG|n@k*_(o|yAJ0C%G6SR^dns{jB107*qoM6N<$f<CP8
AJpcdz

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_hsb_b.png b/js/colorpicker/images/custom_hsb_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f99dae8e6ef73e91a5d6283d2a732b6372d5e27
GIT binary patch
literal 1097
zcmV-P1h)H$P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4&q+i<RCwC#ntMnTK^(__w>x)wo?d?__$+*uo~9%|=tUwFNd)~@{SiSRM1iP1
zASj~8A5vMMMVJ*8R1oAJffN{u5l9L~`8X~2uCvq=70-M4+}rJswQaq-Zg0;<cj1Ql
zV|MO0GvAy0&g|@GPc`t}Vt2RzL(&k7QkyI?ngAp9Q95LIxZ+}?aY!eDmfFM(D8NYT
z_!I&FhGB3>SApbi87WN=0MN7>uxOXuEzPRdLb~V*S*6$YQ95zyOEewaw5Du|_wy;C
zl5QB5;0os9F;P`G4YRr=s>-+YTXl_mIXfq}th88$(g^@ySk@z3C}ZNr)PjP-%&eTY
zmgaYDo!&9Hr3=R@+?M4%IsyP~c$jy~!-q;UQj(TvddBXgC@T5b!SRV{VZi+S0#@m~
zs$4@F02JpNzV=hX(GdU;gpVz$sriF0BHT9P{M^}IRaF_O(@sp;*3vM%s@?%p_LdZ`
z+&5@m;dP(MObv!>BN&ERn4g`tIi{xV>$qfvidRTyeHr&mMR}efjdr_VG`(-QU%#{H
z0gK<?!o&}^H7kuP^cX46Wy-RinM)(qNt0!ao9~R&B!VEkV{l4e&YZ<rmd(jb6^{N-
z!_?L_BBY*mIjkc;igxb@0Joc2FT-%^dyFP=!&FpOrzIyYEG)7tY|!iSveTz+j`cE(
zP`$Wx!{+2jotD4+M*W<_ycLQ{m#|D7&RNmk&BJ5(j$Z*uXP97|K$4_L06|LbQ}wrr
zs45i5_rvsyud<1frR$?~m>#RKO4mo}(8QE&)H;df{DkJDHkqTf0Y)ao#h_8^<o3cG
z#SwvyuHFz4P!<vR(l><F>v`Gf7>PjXu6#^Hp!H*ShzQ7%2q5m++oRS(8F!Q%h>wkS
zy5`zinpG;*zLLT<mM&CPoNxHl-S0zsa6|xi@=pYorH6<>hzNv;K!^y0h`|3O0<9mr
z@g2V~5`pxTB>w@cgc%_sAW!KDaWN*#s1hHm2~cLT*_|>a0v%nwZ(G{^M3(K{BVQsw
zl1QmUfDps6@+AUlwMMB#K&=T=DiP4AgYvo@hyY27Y~1qwj{qV`KG$44DZE4^DQhCY
zzwo(o{saJAzfgYp#$#m=0p2iIYoA=IKF*b|-F~V7BA^y5)0+C{-j(tt0_cxn&YeEW
z6>i>psSF~35Xt2`4X?QQJ$vd1Uny%MfCLAD`iHLp;O?U)VWoVDfO_REso~ihj~e+B
z0nuBMe2D-G<m4zrA~0nB75uEP`(rh?jVMw&L5R(|Y>9yXH>eR2;lBp})JU<4<5KtT
P00000NkvXXu0mjfA`AaT

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_hsb_h.png b/js/colorpicker/images/custom_hsb_h.png
new file mode 100644
index 0000000000000000000000000000000000000000..a217e9218e6a512b507a35e8a6141f0e56193439
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4P)S5VRCwC#m|aK|K^(yUyEA+4?d5?fXd;=M7I&7CAQ1#X&_j>CL_YN-gn@+F
zgHSIeAw>3IK|;|7L=oge5IzJ#A^0E&>G?(8=|!HGo*#L7AKu<>4|8pMd)HkZt+#{w
zXC7weW^aBB|Jj-SF*9F$o1tx>E$qcMycycAC@-ZBJ@9=M1Art+Kw)425XHpaLf3nT
z*o$qs(c_|+-@n%!JfIWz{MV(NRK`u1oK!3sq$xeUk30*0rTO&r;Lz}xX3Q?2XDLZ^
zNtQLm=b0`ovGcrzGy{tZJ8^M;iCsNLZ*=us&BvV@!eqi&`J(hE1%Vf=JRxLR*23X^
zHtTjcstkxmW4fX%R1Gc%0Gw!YjZb;hvts~YStk9-f%l(m0w0fy0I;#P!Y~ZOFd0Yc
z6v|xg8E^fO8d9H}oln`OnfJJ7mbVJzw2DT;EXx*f%c_Y}(B({td#$~-(d7^m2>@v8
zyhBz%)<4CSQ06-3bdbu#v?m=s^TUgQAW80>SVT-DWO+Bqe^ZT5c^X^}GWW!^H|6DM
z{2&`t&HcxOX}{XxtgBuQu9KfyE}VDPRTnB@)bzR0U55`X2iGIf82PEXs$7=k;M$J@
zqW{A-4Q++h&2S`|@upE=bV<r*EfGTco~Ba1t4_y#omO;vv5nTx>Xp?Ee;`O5dSyi!
z_6LF|n~ze5J~HYyjR0NfpC{*ZC2Op&)zJu?In|^S_t5Z|X#`9oU=$;ucVssLNp#Z)
zm`1=f0;Ul#jllmj0z<=NR2qTWnkv%>>_H<?SyATo`Dy&DW`WMw*xWLx5f~YD4}SQV
zWx%<!r;Td_5W=*6;IX-MtZ|J1$607K0-U9Y)`YQem{ucz5SyhK+6Z8Tl+ttKvbu>8
zN}^l&B27_@0BI^lKr=??RZm8DS1SN?ceNr_7}^MstN?&p_nzJCxJ2r=d!JKa1US_;
z?df}&-f3JTfPWoH*RQmY%H4;rv~L($))vJGczsJ=-;&x0XvXM>ju9#M``?gN>ukHI
zbY@GK!e7T#7lFRVZvo)JlL2+7ag6|%dL;F~c&F(xt`Sh)F!UJ#{5Lm80~&$3`EU8J
sdf~SzMzo^mJOqtv1hQW_1cCoK0IhW09jn*o82|tP07*qoM6N<$g4YtalK=n!

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_hsb_s.png b/js/colorpicker/images/custom_hsb_s.png
new file mode 100644
index 0000000000000000000000000000000000000000..7826b415077be23ed1b1bf05b2da62d4aa5b1c67
GIT binary patch
literal 1168
zcmV;B1aJF^P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA57D+@wRCwC#nQcf@Q5eUc-Fr6Onu3&AF^rild$UyX1q~x8l(L`*3O@uvFO(o;
z_5wxr@*$1tgY{vMl7$6QeMqAy6e1xqkX2R|TUIxmtGu(iIrnyNAC8Ud=Dmt?_1xOS
z`EYjbGoJs>o;~L|ziI4tJI8S#VLo05L|S~@48(C<Vq&6{M-UL1()(Qf2mpAVm-66&
z2T~0IKrk4TdK?fmL`x3@0uzw_^Ve^svw2d|{j$4mPM)KX?w-$1zqG1x?m9JH`49*M
zCz9(PkEgM*k!9I{F3CLKvSocCfzl~lVZyAsx|(I#qN1XloSbLvt=F0!@PZIFl$I`z
zwK8K-WOM`ov3h;j+uUw<d3kwmZZ12(X%S+2zb-JFzBs>$eTIg-ib~hV#^6c%;`soO
zlezfi8;3YL0sx8%PiTw9QdL!zm6bIwEpOSPl&u?AQ<R3HrnFFo!gY0jShCQJ=da)O
zgd8+Bn@u0F>j2Q*-QCgA(fXtl0Cw!$vnn?|%wceFNYM&oFvQ9@3=R%a03eJUpBbjP
zxp`q)T3K1y!+W<%Hg9jJw`vg*Mw-&Q9tyNHEd`IT=#<!LcvTQuT3Q?q$H0#tADKR*
zK@R|Pl4epAB?u52%1a*}IK}a25JyMDULrG@O!@iw=W1$_laqZY@uU6C>UEpqjD~4E
z^RfC@Z$F3^H8z_~ryHfSWm(qgbTa*XVcv?&bj$btfnHa?*um@dDVpmsF>?L3*Xu+0
zyNG<2kdR<9neuc7gy{DU#-ng495vU+K24>ZIF9oRKKZ>NR5}3gyyPRArj<QS`N>J2
zf+9GneqF87jYgx)wVGJz@o_T{>vs3KTv8sMfSye0b7#*&eJ)p4MuzH$z|-elQ6iu&
zBJkq1T~TGrm!v941lAN}Dx|xuy)#M#qC|icBA~R%6M<prDkTD=T<`#(qM`y5fg9KB
zq=>*&npp9OT#pigC=nPp5g7fdQCeDBTwIKaKxO%EOa#U(w2IzM!^(@?E$JU80&VS`
zsw4ubW>b_1{D(wfc2d$OhEe0SngVs&z)y})BJlKi*ZoJ2WgLpv7LrQ@Xd0=N2vB3;
zSaOMgR;yDh5zy*l)Jg<&+6m=42}FRVDYX&-MAM;h_SjzWOGMK|6M@hlJ|_?D1b{O~
zcb%xIR|gRYCCsVwSC1dqf#;_$G^l_GXhlEMv$c(piwF||u`vwu!e-l0Qj(pWefUUx
zZQbpLdh413tIzMB(#G&_!c^|xjwk0X-;976L=pjnXgn@jo3O}(`?iG^i6#O_)CkmG
zxeWl9>h6da$t42Xkw=pC+TE}fa*4p0M-sV20F9?}B#;Q$d%jF+*QfVdjmwBCrAMCe
isv!dMU5CLC`)2?-k0%YdqHBTx0000<MNUMnLSTZx*%R~t

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_indic.gif b/js/colorpicker/images/custom_indic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..222fb94cfd66bd2bd525891024289d8ee7adc321
GIT binary patch
literal 86
zcmZ?wbhEHbRA%60n8?7e|H!!+3pf7%|DS<@LGdRGBLf2ygAS0*0Fq~5Quk?Dd3vtc
ofx<0a84X)vTz}@y6-}FEVWwE&w=%fy9e4IkpX&klBv~1(0kNDNu>b%7

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_rgb_b.png b/js/colorpicker/images/custom_rgb_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..80764e5d6dd8aac3c5ef87d83b45d29780af1fe9
GIT binary patch
literal 1008
zcmV<M0}uR(P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4c1c7*RCwC#nrlcDK^(y6c4ze-dVNsvS$Lk7-d#%KDZNO9B8i}H)rSZIAqqt8
z0YMQxK1gMO7GYLYP(hF%0x2*QLy#1V@^M=3*;VR^9(UeDy}aA)!`iamU9KIiH$ywj
zhuOK=n;*mfzdQ50Qw)ExxjjCBThS(Jpxfh1O-aHI-9F`j004$z0EPtu00M#F|Aj7f
zhG-Kt;^>QkKy=@(+mI#^_t>{dQ7Uu;MwBWt`i+KWzHKxWRFsz@h)w_i7?usGHrkT0
zKD)TsoR@FvXls4b(GxyKYINaT<}LZ*vqJ!YN*N!1=fMNzxw_27Kw#GGrD;0r$o{Em
zr*Oc+f?rZ}o~pp02LO~789ois!r37JfFKm%ceb>?)2NlMS?`CQ&YGI)1dVFi;abap
z;i(3Ot;S6{u01$1wk*~o=Qus0RH+$;@h{9dT^@(i9mA9r5-&q%BL(iMs>(uxJ`fB(
zYkAvrw{d&PJy!bo78ZWG&G~w+(Qlzc)0AaHD_6$tGgjLqx8AwgnFK+EkC766sd6FC
zvaBgDTR8h41E#*A8A58#=dq7}E!nvj01ynuY^%f3_gk#u0aI07tIx{t`+u@5Sf|w#
z8gra3Ppkq)NH30V*qD`|QSq0b>F@IrKMF<B{~}F2-nrH6G-8a-FwsN;Ns`jOO_^v{
z9gqDwuISoC4X(%PX@_gVK7$>4dTKJ9u+MBYo3KOg?j4Yg0AA=H2S+6(D>UXvXavf4
z6iLM0-qj}?0VIt8<j&q9y*Apit!!UfN|M(%-_h2pP$>44nb#OyNL5;7c;7b^0X;e+
zAaz;U2rQw?MnE<KvJsGtfNTW*r4eZF>ci3q<mfVGBk&&@f%Md5t8D_uV>JQrEH1Yf
zQ6tdZJMg-#bA<sFyLX{$1V|F%dcY&ZbS%0?fTH4XH3C#zJgxx~M@1FuC>Q~f6nSu?
z`yT;Fl6<W@e_VJ8NfK!z!2jTL>FhB8z}0h=7q30U!wB#JbGiP}h1#QB`^wG77#IOc
zkfwEwPs2OWH3IN=z??aGm}^|W^BfN&03pfMTTL&x^*w#!5Z{Tk5rBe?K;!+F0D#*M
zT7;eG8UbqgE2-(ptB@XajezJY30)%qSF>|O&<Ko<{fK_mV}ELfB(CTLA-3ws8Ue+M
epQ_c$UjqPVmqNzW?iQ8+0000<MNUMnLSTaLt-+rF

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_rgb_g.png b/js/colorpicker/images/custom_rgb_g.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc9778be1eb862a7ada05ae4a34726df0a2c73af
GIT binary patch
literal 1069
zcmV+|1k(G7P)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4vq?ljRCwC#nO#UzVHn3B&&Qk_ilpY|_s0}<nkbk=f+Q7$H$gXc6IfZH7ino^
z30Zg{rD>>?nPou*fl}Rc5eb1HAxWC1`PusLBR4nqy_`E;96KC0+d@0;ym(%oi|yfg
z_x$(ndC&X2zxj-gtMmpFpf&>hrG(yKl7$8#Cw*>SLjZuo;Q#~&0RVRU%J!1Z^$rQ}
zmwJ}IY`1Uh(_^FL9O<6^I_pste+$N=s=rEqKRDJuFszy!3EUA98=rV2KbLRPF#vE-
zl#}&+80~1kLz1G?r%oQ+pZBik&E1EcPBC0dXXnbwNOsLm0Dzy^*J;{|=Uw@S3#!VF
zX>|sJ$s8sNZn@nSArH}L^-PS_YU5NoqiR=5JOE^8rVM_XWM{_!0K<IPrdeEC(yI6E
z%~;UrX6Drfqd78sXLCbMNKhb2;7l0TtIi}E8l9pjilV5r<T!SA!gbD1wH5$kB4uWa
zb$E2T;btA}FFRMROp5i&mL2{)y?(7zYe#gX3;;&PRW{plbfoNJ<)vGV^#BkPC6`LX
zOc>X4nMA2cakQ~TGSb(W#7`WfP_{jIVqaO2_=ywZB4+0`t6RrGF=5<GUp2bK>F>bK
zPOLkvw4|`EvGqhzag0J~wV399e2Gg;OHPPh(CEBUFtqxQBU8@Lb=P0tPwZQLxpYyh
zpHj{KT3+6rk({nnn9LT7)wTtt!W4|Fde7476CuD~nv<O-_7wrZ*yJ}0$4^7|($_yt
z-2@qoW`oh}rql4UbcbUjHGtzdx2LINbF0qxejQcm0sc}{uhk10-OQXCIq6}tU}9!Y
zy(cRbIqAK9Ljn;%OZvd@1gFZ<l?o1tKweHJN4mRv`UN5&5COgr0j`I8BCxvZ0ud01
zfItKUA|Mcf|49V8d-{<i0*crOfe36vA`m7Eo>I-Ac&)|&&7sp9c}fI&`-Wb<e(NUS
z(1Be35&;}1P`%(`o^ULGi2zB8P$dGS$QRXu5s@3Mb*~cv9LG>40tAjTR$Fz3{g%LS
zUK0W451*?SjsrkVWzm)E_t78%IF8YFt-gc4k5*R{GEQC-0g|;%YnvXsI@jqO86prB
z9!e7dd1%nt((^PCFq$k|)ENFLn2M64^otuUPhDXKABg}#;IuWgKBL#SytsgI@|p+`
ztVW>eUMB!Fw|B9f{3Qb9+9Rp;(Mu-}e~Ey{BZ<F6fcTfrk%vTJV*2}LSKXVpW&%f5
nI)-^#b>0#I_nn4BBK|!9q`eQ<!71fb00000NkvXXu0mjf`y<{e

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_rgb_r.png b/js/colorpicker/images/custom_rgb_r.png
new file mode 100644
index 0000000000000000000000000000000000000000..91b0cd4c520013444ae3a64c7e10b28060992557
GIT binary patch
literal 1018
zcmV<W0|oqvP)<h;3K|Lk000e1NJLTq002G!002S=0ssI2fJ5@B00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4fJsC_RCwC#m|aK|K^(y6c4zO?v(zImG3)ZwJU`+t%!))43VaBAEQo?ckfMkq
z9|U{Ie6UO_tx!s^pn{-;9_k?o3PD0RD7CZlPA}~|?M&1A_Pp(3&tvZcw~p4^!TmE2
zv%9l9KZgJ8%=`qS-z<wuPJmh@%VltJ$*D|FLk`_GGY0_xfj|Ht7!Uy9_pfX$bhc+m
zvRuZDzU=qM_jOg)R+hNOzfUt#aW`QYsbZtw=(r!Mi^S3c`%3l{=W-1l0{{d_GNM>a
z#zPh5bu}lek5);fvfiF9%hXIn8@AEueU)hQqkD${0Et)>{ie1kXIsXWtjzSX(&AG!
z2CL1kEy{7aJfQ|2kC#>S5LK}z8vszM(|r1DqW2B~02n5Se$)8XVw?Tt@pwNNjBb~s
zvP>sWlDb*O4a<jBs^L*{L7s}Lk9-*q%k`Mib+3b}q@<-cHC-vlQ<)}yBx=giiNnyz
zSc!Z4R@+`}e&4J2*RQoK{B}%CPOs;X)2WK`v#H9E(G)pNNiwofVYXP+s?3Tb)$MJq
zmdTlzZP-K)7AnO_k}TY{lioYV_=#gxWvL2f?~^`>SeU4Uq3DN<X6A&sa8aM1vwhY+
zPm-iWEUMR^CkQA{lDgd9^-mZ&Ju|u{cgL)K-tF;Hk5V?v2?9EtZVVHwtOOE*{twf1
z$>E}3`h3ei-*WU$Bf;o_Ks=KU$8mO7(?GnVj>di+RrF-J4Ao=x&$$Jw&5j&;hEf5o
zHv9gPLgdf~28VegfEN14kug@ub{D8wGy;_ebu4ke?Kkj7fHwkMF#>GI+D0IV&Km*V
z2=GRLHv+s7_@74LZNC9YBcN7g@<w0-8i5R@!fdgkc&x?%nz69x;HVK87#x26=G__%
zst%WP*9hP^MD>7&G3i+D8Ucb3qG|*Pp$OH45fX9bIv0!pj$^1A0f^(F($ZK*zl1m*
zM3;y~5rr}WdFrfEou*NLMj}nJ+U$zdO%ZKa9`#@}H`D?Enj30yT5#G3gc7Eyt@pD2
zG*!Ra{ty8pK+vXXOXuV0o7^=5aCJ$lKX-zvwBCJ+h7o`er^?OlXVmy!I(s~Hlha0k
z{y*t_@Eiber{@Lz55rv}K!h(z-H%>I+~KYfU|f>8YXsom>>N301jfdv;ve<IpPC_#
oDmsQSjXGzIfMCt1QmOdQ0EAO|)dGk<=l}o!07*qoM6N<$f=Fi3y#N3J

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/custom_submit.png b/js/colorpicker/images/custom_submit.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd202cd93b753b31926593e79eb3756cd58bd677
GIT binary patch
literal 997
zcmV<B0~-8^P)<h;3K|Lk000e1NJLTq000&M001lq0ssI2?l<4300009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA4Ye_^wRCwC#l-+OJWE94q*RQ?AiR0MGMw%@}VN1KRu@(A31>#H7y28o^Y!?Ut
zH(bGg!wuKmGLR-VIu&VBK^my6Efv{HS2f*~kA9_T6FaFBC$Swa;+ifQNNbT06G!jO
zvEJv=Ip_8Hk%dI6Skkc95Pe>@SkgK|!9827XSY}YmStfd!2&Q0^Pjhf&nISQW;{z%
z(K~Te4kS+vluw`R8|?3Ww!7VeOwG>oyleNTtJiPJE8m<63lXVDD0@(HZ*TL<_X-o`
zd||Zv(&(GJFIOtn)+(;wm^jIOG5r2{F|Q!A1yw`d=dbbp$f-`3eDlkhs~EpHa_%o1
zSx6-PuCIsR8xd<cPzj6#w+EsRdKhX@EXczzUt0cdY%ZGUId=3R3#-v+CUbY=Z(pYT
z(+V^{_zrjv!7V@(p@ra)KxEIBw@-ilM*REkqtDobXj<@YdlqG8%H0`VC6-^11ouH!
z=zu2xQGyz@h^XnDQUn+7EdN&LKd>dbUS$C=3~A=dQ@?8Bg(}Pv+!E`RB-z6sA>M#a
zd8Gt}hjIWVUQ~Y$Iug4PC$bhYs1mR;paLooaJeYY=K*Ess5NZBY8_`|XBNVG-(4jq
z91M!kW#}P517QFa$X1cBK&>IOsd##GjsyS$pwX~T7c(@mxby(E6pSp`HPAGWB3Plw
zvdCCSXt<SL?0TMeB({YU1N{TskMi=Sz6sYl*bGPtBne~))+jbO+}Ae6@U8y-7j~<f
zRoKzp6}`ZIl=x~cnJcY;ra_WG5=aBf43>(y^x~C^mwm^(jyaOnSpYacdWMYS+t084
z^2+w%(=O@I5mKuuYq`}Q?t~JPpM7%pt#fC0-?w*!<Lq}Kgiy+`l-^soe|vg5t}M-S
z6cyowZuLe&LoW`V=!w-0!!#|&rCvA4)a*Q^)Ul+LVHoCbR@<^H)BN*MP19^`#4t?2
zd~9B{^!C`u5q;kM;y1IpkuMbYY!Q$}HeV>dH2B<}EheYuo*06&0P2R(PVkSzLgcj`
zVW8J0_-tX~r?D$-1b;*o|4o8p{{*)!{wMeoM(~F$ngoCMosr`UvD=f=@$qZFb7M_{
zzZwY*efmZ_!FT>n%gGzf>BeHwSS<Qs+fvr*Mhn3o(a66<@PI5nNUiP%zkdt>#&(ny
T=A<H#00000NkvXXu0mjfu`<nz

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/select.png b/js/colorpicker/images/select.png
new file mode 100644
index 0000000000000000000000000000000000000000..21213bfd51b088497f3a9e423170cd65532d873d
GIT binary patch
literal 506
zcmV<W0R{evP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzj7da6RCwC#
zn88ZJKoEv^H>r9_QX-<aTm-QoUcBdtJb3aMJoVrc<?hLYBKQD`7@FjwHZlGaW??DV
z7IBjncHnQ*NnpP24ol{jZQBYRQp$aN9YJGgSJ;hDXa>DN@01`G*?mYE;P(j>ieaLJ
zp1@KmP7DbnxHd5epSMZF>_Ios1X7kEzM%)`8u}mxVv)EwgAVwi+aL%gVHgVE_pQ>@
zbuG%W6jfCb)Fr3i6gRMr(<q9p!*pAN8dQsF8tE}r9vKPgd0uys=Q+_^fx#|_IF1F^
zlE$skuYJNW(uS7(Q6)Ak9FPNYKn}<OIiPI^vi0KAu6q6G8%QKc;(BPifwC;y93Ty|
z4wUM9WmZ91pLfzU{huD<v!eZrmYp-}9E@{gHfx)v>1H#Un@BbTwH6Q2xnfI1$74|x
z`a$b3REt~>BR!+Rjm(B~!)%yB$32-1&(IZ{4HWm<AG#RWj-e>Qa;H~;maQBTMsJ;5
wu=L25Ib=s<$1=nh_wOs&FkN?p<wt-40Cz2b<|?fAX#fBK07*qoM6N<$g8vxSNB{r;

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/select2.png b/js/colorpicker/images/select2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cd2cabeb6777c724034d5b0e0efd664011f515c
GIT binary patch
literal 518
zcmV+h0{Q)kP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00009a7bBm000XU
z000XU0RWnu7ytkOAY({UO#lFTEdT(3l>h+v*8l*BQUCyPMF0TmW&i*=2LJ#e`2#0~
zRsaA2j7da6RCwC#n88ZJKomvKOQ$N-q%EcB2MDDFapS&U<ieHT;L3$x)V(Vgm4bpB
zK?$L0VnI#nxab6;U|Ym#TF8ajJci7fnafLZg`Bk3E#MGn0K3@LI}ifTKmZ^jhyihd
z4&YIYB48vUv11BF!eG|!04Q@!8O$DV3G@KRGQ=k^1TKI#z|&f{L~DHvw9TaJD4zDh
z=#?Z%t<qGhiiWq3=hlY6nJN2@F>t2tcoJKO0Z5XR@gxT5=E@BPRC5JM(-{EmRs+wi
z*>P|@#ScQvT9QAwUwvX=#Ku^(QHKpv2~+}=KqXKKR03@~kh1h#z3lU2-9S7%K9wHY
zZlHd@zd1k|%qmdMx=&^ql(G#p7!3Z$L#9{gzl=qFW|hX6<o?aHQWZ(l8GaDr2cg}r
ztSUd7XyTYiB-359?q(CM!!+wIz$jM^#e@wfxv=31I9gNKa1WfDumRvU%ZE-2j$;5K
z5xL1uVZ=N%DhwvOI{EgB*18QGm_%g9GQ@}R?+f6=Jkt9b055rm#J5mn6951J07*qo
IM6N<$g4GbyQvd(}

literal 0
HcmV?d00001

diff --git a/js/colorpicker/images/slider.png b/js/colorpicker/images/slider.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b03da96ebd45d66729466d43f263854ce7a0c49
GIT binary patch
literal 315
zcmeAS@N?(olHy`uVBq!ia0vp^;tULoEF4TgmQSrk8IWR0cl32+U|4^`oVDvEkS|%{
z8c`CQpH@<ySd_}(n3A8As^FQMn4TJxnwU~qcrw)nsOYSxi(^Q|tv7e9`I-%Q7%l_^
ztnQPw5R+NR{5|Qxtf>M^<+t`|yc1Y?-gyyEotInm#MOm!f^^y*-dYoVJ8o0wy4TmX
zR?7dfn;bc9{iI8VpES5yofZaYh;TjCpK_UhilywQPp{V&o!)zNr-EuAP#7%xRC{Am
z6GR!1|0e8}W%vqnuQi`zyC%VuOt~~QLec?j5=hH8t&PuqF6Zm0mDYFhgqkAab@NoR
n(3#>M@3IhYo&TccjBE_r(UXjnZhw#mdW^x-)z4*}Q$iB}AxU+4

literal 0
HcmV?d00001

diff --git a/js/colorpicker/js/colorpicker.js b/js/colorpicker/js/colorpicker.js
new file mode 100644
index 0000000000..10a2b2244b
--- /dev/null
+++ b/js/colorpicker/js/colorpicker.js
@@ -0,0 +1,484 @@
+/**
+ *
+ * Color picker
+ * Author: Stefan Petre www.eyecon.ro
+ * 
+ * Dual licensed under the MIT and GPL licenses
+ * 
+ */
+(function ($) {
+	var ColorPicker = function () {
+		var
+			ids = {},
+			inAction,
+			charMin = 65,
+			visible,
+			tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
+			defaults = {
+				eventName: 'click',
+				onShow: function () {},
+				onBeforeShow: function(){},
+				onHide: function () {},
+				onChange: function () {},
+				onSubmit: function () {},
+				color: 'ff0000',
+				livePreview: true,
+				flat: false
+			},
+			fillRGBFields = function  (hsb, cal) {
+				var rgb = HSBToRGB(hsb);
+				$(cal).data('colorpicker').fields
+					.eq(1).val(rgb.r).end()
+					.eq(2).val(rgb.g).end()
+					.eq(3).val(rgb.b).end();
+			},
+			fillHSBFields = function  (hsb, cal) {
+				$(cal).data('colorpicker').fields
+					.eq(4).val(hsb.h).end()
+					.eq(5).val(hsb.s).end()
+					.eq(6).val(hsb.b).end();
+			},
+			fillHexFields = function (hsb, cal) {
+				$(cal).data('colorpicker').fields
+					.eq(0).val(HSBToHex(hsb)).end();
+			},
+			setSelector = function (hsb, cal) {
+				$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
+				$(cal).data('colorpicker').selectorIndic.css({
+					left: parseInt(150 * hsb.s/100, 10),
+					top: parseInt(150 * (100-hsb.b)/100, 10)
+				});
+			},
+			setHue = function (hsb, cal) {
+				$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
+			},
+			setCurrentColor = function (hsb, cal) {
+				$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
+			},
+			setNewColor = function (hsb, cal) {
+				$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
+			},
+			keyDown = function (ev) {
+				var pressedKey = ev.charCode || ev.keyCode || -1;
+				if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
+					return false;
+				}
+				var cal = $(this).parent().parent();
+				if (cal.data('colorpicker').livePreview === true) {
+					change.apply(this);
+				}
+			},
+			change = function (ev) {
+				var cal = $(this).parent().parent(), col;
+				if (this.parentNode.className.indexOf('_hex') > 0) {
+					cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
+				} else if (this.parentNode.className.indexOf('_hsb') > 0) {
+					cal.data('colorpicker').color = col = fixHSB({
+						h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
+						s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
+						b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
+					});
+				} else {
+					cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
+						r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
+						g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
+						b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
+					}));
+				}
+				if (ev) {
+					fillRGBFields(col, cal.get(0));
+					fillHexFields(col, cal.get(0));
+					fillHSBFields(col, cal.get(0));
+				}
+				setSelector(col, cal.get(0));
+				setHue(col, cal.get(0));
+				setNewColor(col, cal.get(0));
+				cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
+			},
+			blur = function (ev) {
+				var cal = $(this).parent().parent();
+				cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+			},
+			focus = function () {
+				charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
+				$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+				$(this).parent().addClass('colorpicker_focus');
+			},
+			downIncrement = function (ev) {
+				var field = $(this).parent().find('input').focus();
+				var current = {
+					el: $(this).parent().addClass('colorpicker_slider'),
+					max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
+					y: ev.pageY,
+					field: field,
+					val: parseInt(field.val(), 10),
+					preview: $(this).parent().parent().data('colorpicker').livePreview					
+				};
+				$(document).bind('mouseup', current, upIncrement);
+				$(document).bind('mousemove', current, moveIncrement);
+			},
+			moveIncrement = function (ev) {
+				ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
+				if (ev.data.preview) {
+					change.apply(ev.data.field.get(0), [true]);
+				}
+				return false;
+			},
+			upIncrement = function (ev) {
+				change.apply(ev.data.field.get(0), [true]);
+				ev.data.el.removeClass('colorpicker_slider').find('input').focus();
+				$(document).unbind('mouseup', upIncrement);
+				$(document).unbind('mousemove', moveIncrement);
+				return false;
+			},
+			downHue = function (ev) {
+				var current = {
+					cal: $(this).parent(),
+					y: $(this).offset().top
+				};
+				current.preview = current.cal.data('colorpicker').livePreview;
+				$(document).bind('mouseup', current, upHue);
+				$(document).bind('mousemove', current, moveHue);
+			},
+			moveHue = function (ev) {
+				change.apply(
+					ev.data.cal.data('colorpicker')
+						.fields
+						.eq(4)
+						.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
+						.get(0),
+					[ev.data.preview]
+				);
+				return false;
+			},
+			upHue = function (ev) {
+				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				$(document).unbind('mouseup', upHue);
+				$(document).unbind('mousemove', moveHue);
+				return false;
+			},
+			downSelector = function (ev) {
+				var current = {
+					cal: $(this).parent(),
+					pos: $(this).offset()
+				};
+				current.preview = current.cal.data('colorpicker').livePreview;
+				$(document).bind('mouseup', current, upSelector);
+				$(document).bind('mousemove', current, moveSelector);
+			},
+			moveSelector = function (ev) {
+				change.apply(
+					ev.data.cal.data('colorpicker')
+						.fields
+						.eq(6)
+						.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
+						.end()
+						.eq(5)
+						.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
+						.get(0),
+					[ev.data.preview]
+				);
+				return false;
+			},
+			upSelector = function (ev) {
+				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+				$(document).unbind('mouseup', upSelector);
+				$(document).unbind('mousemove', moveSelector);
+				return false;
+			},
+			enterSubmit = function (ev) {
+				$(this).addClass('colorpicker_focus');
+			},
+			leaveSubmit = function (ev) {
+				$(this).removeClass('colorpicker_focus');
+			},
+			clickSubmit = function (ev) {
+				var cal = $(this).parent();
+				var col = cal.data('colorpicker').color;
+				cal.data('colorpicker').origColor = col;
+				setCurrentColor(col, cal.get(0));
+				cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
+			},
+			show = function (ev) {
+				var cal = $('#' + $(this).data('colorpickerId'));
+				cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
+				var pos = $(this).offset();
+				var viewPort = getViewport();
+				var top = pos.top + this.offsetHeight;
+				var left = pos.left;
+				if (top + 176 > viewPort.t + viewPort.h) {
+					top -= this.offsetHeight + 176;
+				}
+				if (left + 356 > viewPort.l + viewPort.w) {
+					left -= 356;
+				}
+				cal.css({left: left + 'px', top: top + 'px'});
+				if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
+					cal.show();
+				}
+				$(document).bind('mousedown', {cal: cal}, hide);
+				return false;
+			},
+			hide = function (ev) {
+				if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
+					if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
+						ev.data.cal.hide();
+					}
+					$(document).unbind('mousedown', hide);
+				}
+			},
+			isChildOf = function(parentEl, el, container) {
+				if (parentEl == el) {
+					return true;
+				}
+				if (parentEl.contains) {
+					return parentEl.contains(el);
+				}
+				if ( parentEl.compareDocumentPosition ) {
+					return !!(parentEl.compareDocumentPosition(el) & 16);
+				}
+				var prEl = el.parentNode;
+				while(prEl && prEl != container) {
+					if (prEl == parentEl)
+						return true;
+					prEl = prEl.parentNode;
+				}
+				return false;
+			},
+			getViewport = function () {
+				var m = document.compatMode == 'CSS1Compat';
+				return {
+					l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
+					t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
+					w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
+					h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
+				};
+			},
+			fixHSB = function (hsb) {
+				return {
+					h: Math.min(360, Math.max(0, hsb.h)),
+					s: Math.min(100, Math.max(0, hsb.s)),
+					b: Math.min(100, Math.max(0, hsb.b))
+				};
+			}, 
+			fixRGB = function (rgb) {
+				return {
+					r: Math.min(255, Math.max(0, rgb.r)),
+					g: Math.min(255, Math.max(0, rgb.g)),
+					b: Math.min(255, Math.max(0, rgb.b))
+				};
+			},
+			fixHex = function (hex) {
+				var len = 6 - hex.length;
+				if (len > 0) {
+					var o = [];
+					for (var i=0; i<len; i++) {
+						o.push('0');
+					}
+					o.push(hex);
+					hex = o.join('');
+				}
+				return hex;
+			}, 
+			HexToRGB = function (hex) {
+				var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
+				return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
+			},
+			HexToHSB = function (hex) {
+				return RGBToHSB(HexToRGB(hex));
+			},
+			RGBToHSB = function (rgb) {
+				var hsb = {
+					h: 0,
+					s: 0,
+					b: 0
+				};
+				var min = Math.min(rgb.r, rgb.g, rgb.b);
+				var max = Math.max(rgb.r, rgb.g, rgb.b);
+				var delta = max - min;
+				hsb.b = max;
+				if (max != 0) {
+					
+				}
+				hsb.s = max != 0 ? 255 * delta / max : 0;
+				if (hsb.s != 0) {
+					if (rgb.r == max) {
+						hsb.h = (rgb.g - rgb.b) / delta;
+					} else if (rgb.g == max) {
+						hsb.h = 2 + (rgb.b - rgb.r) / delta;
+					} else {
+						hsb.h = 4 + (rgb.r - rgb.g) / delta;
+					}
+				} else {
+					hsb.h = -1;
+				}
+				hsb.h *= 60;
+				if (hsb.h < 0) {
+					hsb.h += 360;
+				}
+				hsb.s *= 100/255;
+				hsb.b *= 100/255;
+				return hsb;
+			},
+			HSBToRGB = function (hsb) {
+				var rgb = {};
+				var h = Math.round(hsb.h);
+				var s = Math.round(hsb.s*255/100);
+				var v = Math.round(hsb.b*255/100);
+				if(s == 0) {
+					rgb.r = rgb.g = rgb.b = v;
+				} else {
+					var t1 = v;
+					var t2 = (255-s)*v/255;
+					var t3 = (t1-t2)*(h%60)/60;
+					if(h==360) h = 0;
+					if(h<60) {rgb.r=t1;	rgb.b=t2; rgb.g=t2+t3}
+					else if(h<120) {rgb.g=t1; rgb.b=t2;	rgb.r=t1-t3}
+					else if(h<180) {rgb.g=t1; rgb.r=t2;	rgb.b=t2+t3}
+					else if(h<240) {rgb.b=t1; rgb.r=t2;	rgb.g=t1-t3}
+					else if(h<300) {rgb.b=t1; rgb.g=t2;	rgb.r=t2+t3}
+					else if(h<360) {rgb.r=t1; rgb.g=t2;	rgb.b=t1-t3}
+					else {rgb.r=0; rgb.g=0;	rgb.b=0}
+				}
+				return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
+			},
+			RGBToHex = function (rgb) {
+				var hex = [
+					rgb.r.toString(16),
+					rgb.g.toString(16),
+					rgb.b.toString(16)
+				];
+				$.each(hex, function (nr, val) {
+					if (val.length == 1) {
+						hex[nr] = '0' + val;
+					}
+				});
+				return hex.join('');
+			},
+			HSBToHex = function (hsb) {
+				return RGBToHex(HSBToRGB(hsb));
+			},
+			restoreOriginal = function () {
+				var cal = $(this).parent();
+				var col = cal.data('colorpicker').origColor;
+				cal.data('colorpicker').color = col;
+				fillRGBFields(col, cal.get(0));
+				fillHexFields(col, cal.get(0));
+				fillHSBFields(col, cal.get(0));
+				setSelector(col, cal.get(0));
+				setHue(col, cal.get(0));
+				setNewColor(col, cal.get(0));
+			};
+		return {
+			init: function (opt) {
+				opt = $.extend({}, defaults, opt||{});
+				if (typeof opt.color == 'string') {
+					opt.color = HexToHSB(opt.color);
+				} else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
+					opt.color = RGBToHSB(opt.color);
+				} else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
+					opt.color = fixHSB(opt.color);
+				} else {
+					return this;
+				}
+				return this.each(function () {
+					if (!$(this).data('colorpickerId')) {
+						var options = $.extend({}, opt);
+						options.origColor = opt.color;
+						var id = 'collorpicker_' + parseInt(Math.random() * 1000);
+						$(this).data('colorpickerId', id);
+						var cal = $(tpl).attr('id', id);
+						if (options.flat) {
+							cal.appendTo(this).show();
+						} else {
+							cal.appendTo(document.body);
+						}
+						options.fields = cal
+											.find('input')
+												.bind('keyup', keyDown)
+												.bind('change', change)
+												.bind('blur', blur)
+												.bind('focus', focus);
+						cal
+							.find('span').bind('mousedown', downIncrement).end()
+							.find('>div.colorpicker_current_color').bind('click', restoreOriginal);
+						options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
+						options.selectorIndic = options.selector.find('div div');
+						options.el = this;
+						options.hue = cal.find('div.colorpicker_hue div');
+						cal.find('div.colorpicker_hue').bind('mousedown', downHue);
+						options.newColor = cal.find('div.colorpicker_new_color');
+						options.currentColor = cal.find('div.colorpicker_current_color');
+						cal.data('colorpicker', options);
+						cal.find('div.colorpicker_submit')
+							.bind('mouseenter', enterSubmit)
+							.bind('mouseleave', leaveSubmit)
+							.bind('click', clickSubmit);
+						fillRGBFields(options.color, cal.get(0));
+						fillHSBFields(options.color, cal.get(0));
+						fillHexFields(options.color, cal.get(0));
+						setHue(options.color, cal.get(0));
+						setSelector(options.color, cal.get(0));
+						setCurrentColor(options.color, cal.get(0));
+						setNewColor(options.color, cal.get(0));
+						if (options.flat) {
+							cal.css({
+								position: 'relative',
+								display: 'block'
+							});
+						} else {
+							$(this).bind(options.eventName, show);
+						}
+					}
+				});
+			},
+			showPicker: function() {
+				return this.each( function () {
+					if ($(this).data('colorpickerId')) {
+						show.apply(this);
+					}
+				});
+			},
+			hidePicker: function() {
+				return this.each( function () {
+					if ($(this).data('colorpickerId')) {
+						$('#' + $(this).data('colorpickerId')).hide();
+					}
+				});
+			},
+			setColor: function(col) {
+				if (typeof col == 'string') {
+					col = HexToHSB(col);
+				} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
+					col = RGBToHSB(col);
+				} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
+					col = fixHSB(col);
+				} else {
+					return this;
+				}
+				return this.each(function(){
+					if ($(this).data('colorpickerId')) {
+						var cal = $('#' + $(this).data('colorpickerId'));
+						cal.data('colorpicker').color = col;
+						cal.data('colorpicker').origColor = col;
+						fillRGBFields(col, cal.get(0));
+						fillHSBFields(col, cal.get(0));
+						fillHexFields(col, cal.get(0));
+						setHue(col, cal.get(0));
+						setSelector(col, cal.get(0));
+						setCurrentColor(col, cal.get(0));
+						setNewColor(col, cal.get(0));
+					}
+				});
+			}
+		};
+	}();
+	$.fn.extend({
+		ColorPicker: ColorPicker.init,
+		ColorPickerHide: ColorPicker.hidePicker,
+		ColorPickerShow: ColorPicker.showPicker,
+		ColorPickerSetColor: ColorPicker.setColor
+	});
+})(jQuery)
\ No newline at end of file