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
rcmZ?wbhEHbWMp7uXkY+=|Ns9h{$yblVPIs?0r5dH3`|Tuj11NQ!N~_2

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}OMc4mJh`hM1xiX$%YuEa{HEjtmUzPnffIy<}iu
zkSuYHC<)F_D=AMbN@Z|N$xljE@XSq2PYp^<OsOn9nQFtpz_iiR#WAGf)|*>~TrCbF
ztOpA}{7W}86!LN5ty-0!pK!ruzct&2HE;hga?g@uT$8<>;Q$kZ4ie$Oz_6a7ft4Ww
zL~t-X5M|f^a@QUv1~CQ&h6V<PJcxt>LxVI!0wV(x0|$cw!vW*I1~{jIfq{wP$qyb5
zs1Aq{uqa3^IgA4FhL?s7tYEv~`W@65{;|WH1+m0IkHL<)39jxVg9Q`mJh;Ceuz`XB
z<eMFgFnh3jpPjLQg@v0zfWd)*!5kEtEDQn+2Y4Z2$HGv+%%B63Vr00(zyMXo$WX`E
zpsWx93R95d1^9{Ofumt31C{`u%kV=U=45h%8f-eqK?)29u72S-z{CLZivuVTurRFn
zC@BE-2@69<F>XJ@(n~lfFu>`Hh2aAi$ZgQ11x{akUJ4{I#I>@V@N!rf#lXP8;OXk;
Jvd$@?2>>5>h%NvC

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|1&T!DE?$&WME)o&|zR;U;xQ8Fey%H&Xj&2
jFA>3g#BJr#n{RG%#%m}gn72(kka_W=L*ya}Rt9STeI*!_

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!ia0y~yU=U_tU}WH6Vqjpn$9_wSfq{V~-O<;Pfnog#bJnhx
z3=9mCC9V-A!TD(=<%vb942~)JNvR5+xryniL8*x;m4zo$Z5S9BA9%VrhE&{ob6auq
zCI=C=gc*q*DngwuN)tWQCZ9|(n)z=1E)eCTHW@6aa!B_5kDt=>3Z6@+Z?}K@X3pmK
z?~bkK2>;U+G)?mKoYaGxQX)65i8RxRo~Au5dz$pL=xNr|s;99}_FVGY_{8~1@1=gF
zRi;!XRi;%YR;E@aSEm0=xViC7B%hA^G~v@TpC0-o{?z!;Pu;kPb2{qNlutLNp5GKa
z^Un(txs(ZxY?4pzpV;yA-GvQnBExjNr?H-%lX}c3RdT0KWSUO#G}hCTQjcy*ySX7J
za$Ur_$h?TW$afL%BIP3LUdpTw^qug3Y0u*PbqkeG3!gSV&3#(?wDf7~)9k1FQqLD9
zSZ<mVaZX2kn*X%*>Ze<uo+(PQ+$0n6O~-l~|FrUH=F`HbiBC(PrasMmT1EL(my7-r
z<}2Ty`r+uO14ZYHju)LSI$U(N=;)@@o2V{Z`Fzuq)MG~JksEX(!*sHz@p|)KSme_G
z&5=zqWrE|si9Ocu_-s!%K0Q&CWVtye!Y(qa;oCIs(=(qQDN3>2@FucMM_%W>PQK21
z9ethiI{rHSI))D2LcLi{e+(qE8@^4eo@PBQdYbgK>}lH5bWgXXp52rbxk)GDnU3+a
iKX#4vh5v*T7~H;Tue{iixSN52fx*+&&t;ucLK6Uh83+vk

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}OMc4mJh`hM1xiX$%YuEa{HEjtmUzPnffIy<}iu
zkSuYHC<)F_D=AMbN@Z|N$xljE@XSq2PYp^<OsOn9nQFtpz%<Fz#WAGf)|)HVd<_Z$
z4hOIPo?rQQixg|q1&hf7tis$=w&%2WSh$O<Te|gi?b$z>YoFabGg0<@@rS7QHAk$A
z582gx%uVaN_J7Y)ovZUM-Y(^Ru$_g0g+YM90pvVtF&H<nDljxKFfcK2Fi?v@J(J)r
k8a0x_5ZH5*Rf1vCl-K`cJ{@pkU|?YIboFyt=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
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj
zI14-?iy0WWg+Q3`(%rg03=9lvC9V-A!TD(=<%vb93_-5J{-Ht6uE7d^{visX!LBX}
zZvH_Eu72*Gey-mRJt$&eU=Rc8a4t$sEXmBzQwYh-O=U1J(Kj&EH!wfrWw@1rfhoh&
z#WBR9w|CNB@902@WA)GPRQKQO`1xw-L=~=O9o<U<*;hI{9tjN;6x7mNS~4L>{iS?@
znEG-**6-&eb*?^A336QG?09#I#@e3-fiF#;&Eqq_r6pGL{P|zo_s5mDT(ep7ZE6MU
z8HTwI90rVub_+f-8?ad%e95UfS7VW*;*up3A|LH<s8x+)n%OpQ`Py&Y&m|nCjTb%0
zU_QKV(Isb=XFKFKtUuzOpk-m48NHHa(;wMXF~bQRE$aoRIn4Ub@NMc3mL8X9>AIqu
zC#uH>cycdsVb8T$E-A~m;IVE@TXi1ut8>a1zvt^t%{ijAUNKqBO6EYf`$a$D8EyJz
zyc0g@FWC1vB&F_J&`Gx|N5fql9&NQdl-=vJ*!AD4Q)wHIe2Z+|arxMxZ`amx8XcVJ
z8GSTo&8J!S|ERQGmvZ%XG^;;!Dzh=>>e6MV%oC;7h3|L#8|t~*w(rb(MR{rSbLqE|
zEvF~%4O+Cy)UR^F1y^&<-QD}{-kZ&N?9lr-ZqeWs_uKXt->tNqp1d{YNZIX7?Vii?
zy_5y6*w{Cu*(UZ0Zkf10Oi|_Iqkrda{^5K*RcPDobH?9!Wml@O+iSm(6|vNtv-?0F
z=NXpe>PsX8C4Q{G<R|=dwU+jB)>ToL!z7j~PknN`U-=uKx1PbASed^(|9GvI3b!ui
zbz!nuF6q;JHmNh_>QPPpOY^;cpKDh&-)(X0$NSg53Mx_}ZLzEl?aT~0^Fvo;`o35s
z-I(xx0f#}2d4*a6muBEg#TL~IAH@uKANff$Pn6=^-92kL$Sv2C@3VF|rF9;V@etNK
tY^$KkeLH%G+?TiC;<C%%nKA!i<YBqNnenW3GXnzygQu&X%Q~loCIGYxO8@`>

diff --git a/js/mooRainbow/mooRainbow.css b/js/mooRainbow/mooRainbow.css
deleted file mode 100644
index 764664e1e..000000000
--- 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 c355a73f5..000000000
--- 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 40041dfe4..000000000
--- 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 11c5f8bd3..5a4afc4b3 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 5413be674..c6c6f9635 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 ef9c6b588..36a81252d 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 000000000..05b02b485
--- /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 000000000..396e671c6
--- /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=9Vj9AIEzQ2fcl$iTqFpu@nxzyOkGU}6ekWUvMR
DQN9XW

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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

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
zcmeAS@N?(olHy`uVBq!ia0y~yVDMmIV9?=UVqjqKe3co)z`(#+;1OBOz`!jG!i)^F
z=14FwFeoH@1o<*BROvD>G)!e+_;H<qp(BWaq0p6q;Z+&~gC#oygW^wS_0}*32F6*Q
zE{-7;x8BUyn0?4W<k)@{_Oug8j*paNnWQ#(s=u64@77)4f8odVJ0Wwr9t7O!+946c
z|0d~Wfx`9fpo<Ria^HRBPqN<Y|32wXZQLZ4K#|7jQ-YMb7X7U|&$H(8OAdy8@0;hc
zG$?RXG;u2CRZMy?d*zf>j64U*b}x0l`ueNSgxv>D^v-8|^t$}bnzYR`Q+)(kjI%#~
z4ga`?VNIC!<%sf?C)fBg{IHT)Bf8#oVegbrB^RTvaXDutEa!?&e8K!<U51ey^NG(k
z=ZkY!o#rSzv&NU9;dyM-t@qz`ouk+~7y^!JJu5EeTRKI5vM2M7HS$}^*Cki|Su*7o
zg9khFC*I$8H+nCgv211PEVC}r4KGVpt)K7XykpOPcf-?0rwtf)7gZk<cvE4s>8-@q
z&l3IyOGVBbJYRVC-7!Ps4Y843c{2O;r=K}6ug!USkg4FCZD*7hZ*Tk)vHmq@@jWqa
ztB~`HCwi}p@p5(fx+H`pHS9%@*7Tsi>eo$=i%ky-lyjXPRLB6ap?GuRZNpd34d*57
j-c+L^_Trk*vp+lxmh-RfJN!OOiUAbeu6{1-oD!M<(lq4X

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649o$Z
zE{-7;x8BTh^p<v%Xxo1`XYHd|8x|dF4$QhX<IA=R!-@|9JojGRZEj*!T)|r3s^GC=
z=L`M~^#^9Nh-k`Pn$*0Z^O=CSzFU9ZrlTpFZF};}Z_ePo=9zx$?+1gtv>ELW=bk;|
zJR`y2#AlleVXIaZ*_^+B_ikXjorT2-MuyXy91;r|9(=6GaD8s^j#atvy+CMa;X>vE
zU%#5Fy>n1_;PKV{MaAa}e7kI4zkdBX?f0KQe}4Sf@%crc^@g9)ZX!oRv`VY1Z{NNx
z-F=kju!XH{?u%pzwy+ZIP_@YuRaPdJ@iEk8&8mI!@L}S@fQrL~wY9Ye6F$5?c<{i1
zhOLKhzsp<mLM_y6y7QNb1vjj$*%`J*owX~ftJ@c&SH1V%%a<=*lmfM;|DIiXI9%;&
zibl!I^NY(ek{0P195DDcagj#WtYe#U{QdjSKNn_Mm}%aVI#W-C%k+Fz@S+r>nP<~%
zb$%BnD$4cO`!BcV{x@5zys%N~;mMP`&N49cti6!_Z{fm=7Xuvy7#0+ih8pu!%g^cl
z7oqWp=Wt9+TvU3!nL&1T_EfLd=RYS-oH%*%<oyM48v<OF1Q|G@x4jHb$a&G};uJV#
z-8#Lt#CPxCr$&DJS>uzw`JRF7qH?$M&p$5>I{Bx(re=@y=hYVk|IW<4wI<kl`DzCR
z2c=!fFL(L9SarEDZn<b|XlT^>tACpe-h2;kuM5^GI$Za^->1#$i>7B$FGH-`gWA8H
zkFI*3dukB3djH(HiI3)Wy2UDg=$B-?bM+R7&7%EhI3BFK=Jr7Ft|`+x!Ghj~Y?c`1
z53}47)TEYvii!;oxz6#Y-R;4$2${p08$ZOZUb$x~Q^WPws#iFCJTJBH+$km-<nI1N
ziqU<!=Q_a*?zuk70V_i?Oquxk`L{?lZVQ|1qx@h-so35`DK8OM*T73Jx9FVS7?D#}
zcJ1DB<`-$Xxw$XDx^59P2(L{~XJ^>9eY?52`AY+)s;ym8^Uclny?M9jTbt_1CsK{8
zR9}Crxbts9jB-G2)YrXxZLdVc#x6a~@#3o1uislXH7R`m{{3vbi!@`l*|h1?851%y
zPl`z>^)^UKgmiaz^ZK7KWva5(@O4|TcCvD#+k?9|B-~2gG#371QxV_$Y{#o7QjOE>
g8FjO7t!HHL-}2?IQO5Qw3=9kmp00i_>zopr0LRh4RsaA1

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649r!Y
zE{-7;x8BS=@AcS0;=umQpxo@htQBt$x`}1yepfmg{B;M%z6N!EE<KK>b^U=aUCZ{q
z(Eh=(>G;v^r4=`i`6ddA>cn*&al5T{^Y9gc$y)^P-aNPACr7H<&qIG^)crKxzu@J|
zml-BpYg!j+)R;)^-Mu@R&sMJgGlKvJOT)njj17-1!Y)?Mt3Nz*$$A0TK#zsY2d-Wf
zReTqs_0;pLUdg7f4_rkLY|ZPwdp9;v<m|gsr%oL@)TG;PVs+ho*9%7XC6`~iE&llB
zOUv%blP4cc*l;l;qS#|`^l>YD`|W~d+|L3-=ccb(waRQZ2LnTiZ}#@vXWQF7EOOL%
z+MQf3`mS1~!sxIx=w#~VYZogSE|lJ_eD>*6(dL^xpKKU<xSJ9s+7fr932_y#x#{z4
zy3XUWw6teOQ@J=S&-*ODylT~>{c19NuXpir>`a@)bvk0E&#}LJkGqNs3If)K?Q~#Z
z=&G)6OZ;+5#r5Bv33_@3%GTDe9o`#G@9gaKP+?+N_%Lza^T78$Mw9Q!YEM5Krpj5q
z_KPj|vfc9XM)m9=20LT;7&c8iEyA!P#c1Vgt18J&I@3=-^-wV~F=-LlwQrxDwRQH^
zC}m~kG`{17-@kuv*>L>Wv7C^P6?bkuwK%soAth3bMNx$7p|iQUImf~X9kU5dFJ~H<
zn_quf;$gGmzU1GP6*hlvKMT6N<>0wrw=b@&h))-d4HOBRe)aLj2&0J!e1EsaJ)hj^
zvNI@=uhwq<_g;o*w+D|;n|JM(vsdkWu<6(Fmzs+2jyfGQXWA#Y;3&t0zJG2Dy5C7N
z-skw?){v$A!0z?$-@ms;`3kVqy!i2BN7(9v4QY41-uIqs5quH(dfU?A8*lseMQ9l8
zT=TEC@}+d+{|g*<uDuRkDbjs9OD%jUgMpQm*Gj<|=bzi_>VEb7QCH-&UhqT7tS?fH
z;R`QkvfO%Ww%TpM)vS$KEH>$L<CGVC<z3a=Ai5<&XV+r;RjYE1dl}x%ayu~XbN&VI
zr9uo-yi}#F_PRM#|Ks_Vn*RLt_WT`tH}5^$AowEU-RtP+=yP+wNHKnX{P^KR#k`!n
zyj$-LP6#d&6mSg`aa}FA;i-VG#GcxFHx5j2cXxm0x2m^ctJ$^d*BKLXbI%4Egh(;o
zzW(a!)zI5=RlN<*zW$sar~F}+xjR?yf%cV}O)rjcAA9}LU4Pd*%hz9|7!SWF-mr32
bJsZO&D_bF#nFY2C3=9mOu6{1-oD!M<Az#;$

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf63@nnK
zE{-7;x8BTh^thcMay&k(B(y2lc*#}W$y>9-%U^aWocOTi?Gn+0i`ltlIhy!dZmvGw
zr14^pM#UEmIkOyxvMbk`z8KuR6*VQ3KbSx3<eRL?W$hW$)l^^J*{65&mwNkzef{6n
zYk%(Bb6@;S+Gar(#wg*#1{RJ2%a<>owfWwqOHIrTe#@D8x!4<a?Xp@Mb-eJ8m~x=K
zBG2IkoA?;q-Q7ECf<>0Tc(r}a;<fEwYrM1fZroUyk<p=Y(noEwk6QD=gs*G0?HZq^
zOYFa2Us>sSc}v`Sc?pS(tgNW$XyKzGT&zp3wXR!qamDSoVyVX&A5^O;OQjjjeD>_w
zp@$m|CY*R$l$)E&&d$D8tlQvOUtIr{s*6{jNA#56e^|n``7y(U^Uqxm3w0j3a^=do
zbLZY2@Bdg)Q(L<?K*QtkgjF-%Z9F{j#_h-FWy^k_@7ffhqjQ?6jk7;MV~UU3*|g2e
z_y7OdE&j6P*P};HBEj+T^Zk|!{xp-|aSAWbS2?qenPJVB3Wq?ses#HST^*eYn|W8S
zhR#2KeA5~Yo~>P-kIaQquQM`)X&u<GZ=c=lvuP$0@9yvZ-kZqq;K>t}c#SD73%AuN
z?>l11)2%La=#7QEs?21srDo>l_kH~2<mA#eNAAAsclpcLTWyI~waXmW_4V;F6mZD}
zGaQJ~yMFcR)Di{HNo&`xbz5vG!}tE(yGbgUX0uxvd3kv~!Y^-H*K)J)-~I{z%F4>7
zc`e;^Q|EYL*y_;!3N4*z11?6r>D{T3BHUl|z3z#gTfYCU@$tet_xHZuzI|QS_tLdd
z=@M?Mb4@diBE8aWeP6u(Xqaa>yL?gL*~s@LyR%&!qFo+%zLY*He|>obPh#|5NiM}t
zf7k5Z?Z)!YP^ls6lgoo!zutB*WStal%ziDU%2aW4TW(s~v6m%frKP;pdl@$D*(1~G
zvMTlsQ#fDyVjtJ59S*%5f4BrS?q{u8vxcSFaURE+^XEUiEI6e-{e<ZIeT(!w|GGG=
zJE+Xzw6C%1+TFD$xBYr>db*V05B|;r*B?JF>$;Q_z4qif5r$c_XNP*RSlxa1TtEI4
zOU;cN0s4XgDYIUwGKofps|%iZS`?+q^l7)$Dm5n2yQQT<j7Ouce>Cp#sM|kZ#dFrO
z?c29kS5>jGvoAFa-4GX|An?FzX_ivJp4Xc<Z)PyCwY4=gT*#|*;BHRyUOD;s^}nat
z%gak&W)MtZ-D+oLrM0)CdCA`88mGQ~dHK8iz0yPv1%VG$d+p}uXJ@b8w@Wy%@N;2d
z;Y52$Ny&)^ctV93`%-^Co_hZH?3k!1t+)_VL4j*+*I%<XJbak=(Dlsa+q3W7pWYYp
z$L+zyt6e3gxn@$SOqZTNf2GPa=hC<RRh<s5`F&a{O#HWR3r4xe8F*<gs9O76^!=`?
k&W1PY3#QLJ)6dA@w!1%OeI~~N1_lNOPgg&ebxsLQ05RGY=>Px#

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*RIt&a93?O+1CUu{dm8a*5
p9Vpz=mC>*z#`S0JT+y^y7G{bSek+6P-f?H&^tm2zPm-0v8UO&78!`X@

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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

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649o$Z
zE{-7;x8BTh^p<v%Xxo1`XYHd|8x|dF4$QhX<IA=R!-@|9JojGRZEj*!T)|r3s^GC=
z=L`M~^#^9Nh-k`Pn$*0Z^O=CSzFU9ZrlTpFZF};}Z_ePo=9zx$?+1gtv>ELW=bk;|
zJR`y2#AlleVXIaZ*_^+B_ikXjorT2-MuyXy91;r|9(=6GaD8s^j#atvy+CMa;X>vE
zU%#5Fy>n1_;PKV{MaAa}e7kI4zkdBX?f0KQe}4Sf@%crc^@g9)ZX!oRv`VY1Z{NNx
z-F=kju!XH{?u%pzwy+ZIP_@YuRaPdJ@iEk8&8mI!@L}S@fQrL~wY9Ye6F$5?c<{i1
zhOLKhzsp<mLM_y6y7QNb1vjj$*%`J*owX~ftJ@c&SH1V%%a<=*lmfM;|DIiXI9%;&
zibl!I^NY(ek{0P195DDcagj#WtYe#U{QdjSKNn_Mm}%aVI#W-C%k+Fz@S+r>nP<~%
zb$%BnD$4cO`!BcV{x@5zys%N~;mMP`&N49cti6!_Z{fm=7Xuvy7#0+ih8pu!%g^cl
z7oqWp=Wt9+TvU3!nL&1T_EfLd=RYS-oH%*%<oyM48v<OF1Q|G@x4jHb$a&G};uJV#
z-8#Lt#CPxCr$&DJS>uzw`JRF7qH?$M&p$5>I{Bx(re=@y=hYVk|IW<4wI<kl`DzCR
z2c=!fFL(L9SarEDZn<b|XlT^>tACpe-h2;kuM5^GI$Za^->1#$i>7B$FGH-`gWA8H
zkFI*3dukB3djH(HiI3)Wy2UDg=$B-?bM+R7&7%EhI3BFK=Jr7Ft|`+x!Ghj~Y?c`1
z53}47)TEYvii!;oxz6#Y-R;4$2${p08$ZOZUb$x~Q^WPws#iFCJTJBH+$km-<nI1N
ziqU<!=Q_a*?zuk70V_i?Oquxk`L{?lZVQ|1qx@h-so35`DK8OM*T73Jx9FVS7?D#}
zcJ1DB<`-$Xxw$XDx^59P2(L{~XJ^>9eY?52`AY+)s;ym8^Uclny?M9jTbt_1CsK{8
zR9}Crxbts9jB-G2)YrXxZLdVc#x6a~@#3o1uislXH7R`m{{3vbi!@`l*|h1?851%y
zPl`z>^)^UKgmiaz^ZK7KWva5(@O4|TcCvD#+k?9|B-~2gG#371QxV_$Y{#o7QjOE>
g8FjO7t!HHL-}2?IQO5Qw3=9kmp00i_>zopr0LRh4RsaA1

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649uH7
zT^vIyZoQd#-v5z<$np4v8*;V>uHce$+3XcycCoEO>Dc9CyUUYRCb}dqlCJ;5tJfLG
z7bo(ceZ5>s|7!NliZM4XO;{lqGVR35jaqBpExe>VC18>D8<W%C{3$a|{{HmCZ~6P+
zq=bZqWtj%i98C_FOky=eeAM@@Ufs>Y(0!CijYo)KP1x$lrIS^Dc1>MT-l4#;VhQts
zr%zRt?#8XZ9&mN`lEq)0l`myi)mBtgq@)~q{#ms9sE=B4LBWNTmu=P;7Trl))s%YE
zLnTOS>bGy-`uh5g9Y4N&`SR7z7ED`rcB+rs*PEUUJH(H!N}W7;^6%fjZ{NQC_U&5}
z-{+ry{`~p#_3P~Emsg&vd|se1b=|68Ckq)Sc&IQrJKuUE#!#_}XZq=*24_xwEMz}i
zapxVsNa@tmYuBz7&Cgf$3|hW$-L6>~7v8ILG%0ZC&ApbU&d9*ww0qg&&B6?ucHXJ(
z`ozz-ZrwVq$Fpb8wmENp{*6><-TwXCu6Lf&o_?08;r#Q>w{v#pe0%-t*QZZL3@Mu<
zKfd#u+ZI##(`&l3_9mUZMlOL*D(z(WqCJB|j&A;3y#02p-jVqZ@n5C~==ce^%zD1{
zX0`+yLs?mwn7H`kj~3@Yi@1LM@})p#`pFcDHpZrmeThts3=BM(+cX&jbWYpZ*}W1!
zwdqZXRdscBu35CvOrNDer}6{xx0mgfeVG{*JXNY}_uP<w-Lu+fDsU`czMP+*pW(v&
z`|llU%&$lvOJF*^X_Cr9ixu}JzJ^Zp`gQ%SW#qK~xmV-$WxJo3ZuSyqIk+a*^l?#X
zwav20b(7CezAJaW-{nxrCHLloVuA+Zf<Hojx_rE@e6*0`_N({m>K!Hhtxmd17nGQG
z2rym=oX@c*WUnhrl*<BFmJMo5Tcdk_|Nfm}vPzwauYGZ5t!Jo`Yprvv&_9<03l1*M
z+~vn_D#kT)(^|XTJ2C_t|4-n!^W<}F+<M8|S;1vX87^GA)}|>a!OLdv?{j75hqoUD
z;*}Ckn0!=a;`KZ}nPZBV>Sm$FU-_mR)R=ffW&M>BUX<2!HmvE)FwqKUyXNAs_Sdy*
zVhlMsIcwIenbFK~V$zbB_-WIoEYlO~UfCQW%;@>}Yild(Uj@!x-{Mr6!gtPbVyP45
z+8E)Z$Ry%w>RI*k>En0r)_qFM%kyJ5-k`#?%3NvlX0KNjHhBpWJ{=9$q#qVYFr=lW
zm9!n4#1XQ0?YvpDR!JS4&T+zR{eO@nZ7q{LSnR%iRh-gy$G~m5+`dcmc~<x73s%&v
h`}}mS#y>d*6Ysk^Up&3`FfcGMc)I$ztaD0e0sw#a<F5b!

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649pum
zT^vIyZoQf5=q>Fia{T_WRN-WfZP^iu%N9ypzv0a@Z^?0`AA(wPB0L;jVvZl4MV>gg
zW!{!Y%LR0J8TCVhRs@>l`iMwxN$L=5xtmk6d1HI;>0Ptc9A}nHduG_4_>A{+`m?j|
z_S_ekJ9n<xY~G$Und1}9X6w#AE9JNA@IwX011Uz0jJ+%k%a*Av_EPu!B&ZxXU!d=C
zfG2yy<;%e?yJGdiLqq*1^_j_KO<dRib>&LUrFtArCQ^6r-(SD^%PRE?D)osb&puX|
znVVm~cJ12r>%}``6a)&a=1R$5xpcMo?c296)72Rj^f`V_{8;hl&!0cnZ{EC~@#XO=
zt-}T%o0(T%U1c#tS8T~8(NKFKPKJ)7Nw#t8tIC8Jx{fZYTXOtyp@mG^=AGNOZ(q7J
zH9Ncec_nw!&aB{&(#<(WQzyO73BTSP!QOPCf6kmaQ?#c~pZ@vt=aVUy-j+@O>XN!@
zXT&t!dY{v$X3m^>^X^?)8JRh=XK%j!c3mG|_sy8|$*Wd)$;h1&%`e~nZHAE5<lk{S
zV(k6>>~eF?oI7VV_uM8s4e`AxMIFK{g)@9srJGOP<`z6fSGnW-!veF}wbmw6_V3hu
z+-#EY&fDLgpP^!J+}AfP=b!K1yZ35OQlyzs=LHkp`k<)jXxBiW<(G4FbG!Im13msP
zs|w9ptkE^)yVK=~UQ07(ZHv$;y8iX+R*kN()mtNUuDx9sW~#<H|9rTHNWh;J^E0M~
zPW<$x-@15`%HP|e^?OQm-o194daiIz;N@4(&(GUx-1Bfre2P(u_2HWCqde++&%e(X
zU`!Tl3}4l4&-Htrhl0=Q{W<x{m;UbBzu%EX%7sB(so|EEaO0#eY=RjAjckGkW^qjM
zH+5Qg;o?O>-^(nHPd@)Vdek*gq;g(<Uf#Oo74`wDtJlv{m2BepV|wuN5<d~wK#`^U
zGbN1H+IcRQc6ng0!X!Sk=k`;hq^R5zYeX2{lvyuxS#bV+y|F>SK}8|H$KEWfjC^Z4
z9egi+RAE}AAvKjFr0(j0SsYikys8jtT(z-JUvNUmwhbE;Y`0AMvPU7K%ZH_}zdza9
z`n|K_yyuc_KWj^ueq7oACBcA$;b205vTVGP!d?63y|d^2+ptCD`ts0;J^F$gE0SuH
zlAP{$=nDqO$xoj?{pqP6KXw>)G=ylJP&F`9>yC+x43yfa#>DCwbn3+m4Thec9u3_H
zVaBuBUq5`<u#7ccNg=fQ-|^`jS4xVHOyJm4vRly0UC!WX-IQY!;@0eX^+Tv}_inDa
emX1G+8J12dS|&B+(HaH@1_n=8KbLh*2~7Zbf8UG%

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?Jyz`*by3>X*~6o0ZXGB7YP=zv5)@(fJ!Q<^iRAIM2WupM!m
bel+sU&Dy!`4Kq~>qDpK6rfIk_GFSruQg;_i

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
zcmeAS@N?(olHy`uVBq!ia0y~yU=U+qV9?=UVqjo+XMTS<0|NtRfk$L90|U1(2s1Lw
znj^u$z@U)q5#-CjP^HVj&@h#O;m36bhK?WxhC){chF56}43_K+42nOQ)my_D7?|Tc
zT^vIyZoQduKmT@!$npKxzgum4EWhz`O6m4xuf=k6nlAm-@DRy;)Y|UpaogBK;p2YA
zdkL>@n}kic@L=I<Ese#&rx$d;%$R*_W3qMOof{7iW_mPhIeuc8T=s;0zV_Vycb4Dp
z@oP>$-L)v;%7@zdnq5I_!`$6Ox?R~C9$WMX@-QqdiD603$+&u=<ep&j&ciDLULO+Y
z-*L!)&xgHtwncvF7sx;Rqx_uv^tAhPujy-^)v>wwed*EOUuQ*M>+RpWD8iW|YgU?7
zpNUu;zg^Y*J>{<-Pdepd{vb;*{B@V_*N}IIzD(WTyFAM_@4cs)xxn$Xg)7?S@8s#;
z`{B~PYJru7Y?9clt^%%iEn((j`FHbbEI+Q^bN|8J<lZm-PY#*B|8hq(^O)m=<`gGA
zr;r7i9BLD<I`-uF&eN)1|28IGw`TIRlHIXv3OQRZ#pswHx%7s6(i4$bL2e(ziD#WJ
zKlD>^;dZ*0*)U%#)hx|<XSh;_67vKV&sn=~B`)C1JtF5a_vEg;l%>Wl=h{PxY%GN4
z@Yr}3^KY&5TrVgvNzIy5XA9>H#vKjZPgonhCh=Oh&zDYQ_uRjv{YCoz_nS+XuM$x+
zX<<9$slf1%LHtJc;k<*r39=Sqx1YDaW3_ZLtDiQ_yuNbr0;v}+37jj~1)3Tb9osNF
zLH~eP>SoQ{m(IIiy!WbIlxw@~OZW80O%4Z~Cg^Z9OgOM~#it4}nTV~&CojMD|JsSb
zbM1S+P5tKaBk$e0pDR416_gkhm~8mM7Vp|u6@K3K!Ow&R)d81HCaWmAE8bw5S32+Z
z{;RW8&iHL}xty7*HG8-8clo^g(Wkaf4_WHO))eIR?D=!+xqkoW9VwJKUfAy6^wQ_|
z9Uphw?q$ce**^TaO(trJOOK&fX8mKG+JwJ0e-&Fc=(%uj&~kXX{$e`AhnKq#c&bm@
zH@$v!f8r61Qy**VWB&ThT(<DFvhu6G!#uI^vC-0!g@0dN4QI2LEPT7^`$OKm!iT|U
z%Mz|WVB2stM&;?U=Uz`|e-h7*dHrzJuP;X;|CqDAS3G7|!T<5pga7Ky{L$WbgFepu
zfB0Qc>OuRz%NB^ApP*6nZ^gbJzuc>T2J)R=waY%jzQ==C?@h|5`P-ZG<!vmtn`V5d
x$p{oX`q8kNUpX$T`MT`$oRubhb^m1;`ZoX0V6|?Z#lXP8;OXk;vd$@?2>=_T$>#t7

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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

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
zcmeAS@N?(olHy`uVBq!ia0y~yVDMmIV9?=UVqjqKe3co)z`(#+;1OBOz`!jG!i)^F
z=14FwFeoH@1o<*BROvD>G)!e+_;H<qp(BWaq0p6q;Z+&~gC#oygW^wS_0}*32F4wp
zE{-7;x8BS+@6F^Wa(w?fZqY^4TYQuRY*<)buOuo8SpBO1(%tfJM%RX4);4TT4-`2T
zEm;)sCc%wsA%}Kua(iR0%=QUK58uv|d;g*A+r~ZopVPj-HUIJ<B)fc9!0Dum9XH>V
z2peDSYBaqUrN(efVv4bF!{eIF4f4trM#&dXFx*)F_(yd>R^2qd(63KJSprvyx(YPM
zSO2>AuTiAKPx#E*vkV7*)%vq<*tSW5?NV%(+O;&M8MEe0FxpmLY_q{AvOLgh^IJJn
zgY8bY-$^p?D69PZ`O>f<Xk&nuScSnHw}RtGZuRUBKHVRx$#JQCjeSYNwz8rm`KXz1
zBL8*R^>7?IXfvtecjQbReug{u!cR2wzPpkCY|;gHsjZ@))!S?C@-i_R-|3Poy+39C
zQU}2eg2#<7CG`Ac<ZeIwM2+8UnJo9c)6T3LB1{%7oALSHuNCIAx*Ao53pd}(h<fea
z)i`zCyDeT{>kn}FshsY9$!Kt2>*}*(TC%IUPiL<U%ADGDYK?{1)UE}cqFGbDR);M4
zw_xuv-L*liD@C_@i8??m`xmmRB&+YvlZBzH6q;3qKYFcQH*dygTZZyQuOn1+?yhD4
NB?ebNmvv4FO#nWu?>ztj

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649w>}
zT^vIyZoQdR?IGeQbG&}Lb$QjixO$BrIyKYgEmN_3;i@F!$?`Y+ub`uXOXCV#1&u|=
z<%1#@xXut24H0-E-zXx{CFsHB_R~W5`?}3nghkI+|G0DeZU5HXy}R@B&%2dBZ2Os9
z_Rie+{_Nl9-n>coH~nxoseA{6^Cf}qpxHV`vlx`W23n<*?|787xX?qraoVjTyc!2Q
zUjGnbVrWY&@Ca{wk|(L@E5LAJi}Z$!>34L`uDa&5>jhWj((7LXtqNayo5<eTvMi_T
z`)AFClky~{J>Yuw&@eF6f_L*Sl~t#<e~B*bt+BLL-@ax`MB61!hJ=V~%F!ChkB(hw
zYC3dg&75u1o|Wg$y=S;%Dfe-$JJX)pS}`%?R?H|reYoArIB3$ejH+YrmS|}Gym9bj
zXJ+DoKYy6QUhY{H<1ED>@?3h~x8Oq;1sMcd`gK>X{MoFhbjR%RpF20>LPI52UiS03
zdF_(Ho>li4gTGA^S$D@gBkp18{F6SsZQ05aZILtP&)sIZY}wn_J5pM^!adS!CBOT)
zR?buGE!!P$vNwN6{Qk`^7`yM^KXinDyQy}s_7@4w^Qosc&70}1e9d!mYR~NVJy%qk
z6!s(+c*UQab2M_=*^@q^egFIqU%6(gv}9hX<r-!CuCn*+4BKZ%>K`t6Ro$ajcsL{^
zY`Lnso{r8Yotz7=KW)0aJh$(wQBT0$9VLgKJ@J@3ZT}y)zjF@n5$*DtzQITKT;#=j
zXAdX;=!<9cOrMc3$6?YE4+clCcfnt`cdpP9Ir07Qm+tkOIwviCy|`qC-0F>9*WF)U
zI5H*oidE;+KP}Ien9W?gmC;S@$k7FXub+H7By&`-v2Wcy0l@$<!5^2*TduyYy!le1
z)8Xa18XuPhUz5u_I8IFBP<VIq_Tp<!lI2rmI{JIdc0IclH7iu>>b^;bOsDCEgwDzT
zapmrN=c)o1hVoDTEYp^@cQ|x#v_Oah|5cdQ%J2RtyWc>l@yisI|BS0!Bo&nu{9kew
z8mgUMAtb+=Gazl#&ACRZOtP_i^P_M5b(!||u5!GR!z7QDE)4>QH-1uO%G&C-(#2sd
zXRwywg%!=8cFA-wcy{I7`SiD+LCMqZdW?<c9v2nOY^4MHKkO{}$HEY^KcMdCvE)<%
z#(M_g+4Eyo*`1rZ{%+kW2BigJI+thtdVX)}Csn2w{fX!1+MN>3yH~xEN2x*J<Wp<j
z^*esrR=?ti*UVOGU}10k)xMtb!Mnw3iA!rb8>*h_u6%e?x?k$25aY$@Nj04eTu+{8
zI4c>X{1g4NX8rGE)9t+)K~|0(XLsdvHvBhVAt?B8KRd$}kBwcAgTB9GU|?YIboFyt
I=akR{03r+jMF0Q*

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649o$Z
zE{-7;x8BT%^$>BCIq-kCarL{mPa8EelxEHmE1xz=L6F7qf^+{~7rU=2EsZTVn*;P!
z6<xk1I67TqcM*KzEMUjtr1(RD<K<7+doNw*O`j)UStWn(ULJpOZgutbSlPAPn}4Uv
zr9Df_ujBcDbLL+|<M^7{3v(CfzBy{PNAlJ>4gIBjwjXLmnHy9*9TF251dblL=XAZg
z{YH20&Wn#1&A7k+x{S>N;qQO0FP#%|%y-6|5FN=SnznoUZMf@}{`~Uw!G#Yq($45D
zNZ0f%@tkIQ^!ZFZ-Ho63w3;w?b6Xb{)_2C*y5*OAjX8UKuGFEFLlHk0eNks^6klVb
zm=byI(8F4@*JT!~csksYcP-Km;nibjn3GY|>tA_gb239hq}tz;jo;_zFv<6KGi=zn
z?T`V_VFO9`S0blk-bv>FohTJFf6iS0o6BZ?-;q9TJJ*vfU2cbTPKy<sUey_V;i*q&
z_1e8#FFq9z=48lty~jDs;hO!?sR7Tdo|Q~Eb!3aWtnKH+-Hi&K@8(9h_^6~*nxCu>
z?)9&fis3W*eq@XJ)2A7K6r@AW{ypB3x&PL~HLK(J)=i!tr8lSiTBx{I;*~EuFUGd>
z>#|>0z9{i?<*rpR)1E%K)z7r(|6w!U+}5jS3sh!(To#y6;(01vSJ3I#yk$ZAR{I^V
zof}qCy|MS&`Bzh~^42SO$X2DgN`7N+QlH%))NW_=%B+_m_Qibl=OwDyYt~=A$T7$A
z>Js7a7e36$Wbsi>5K&%Go?_1AS#p_UhT8!Xre%T#y$AlAFgYJi4v}iSHB0L<#~VlG
zfXKjSUw>x)S(Day?#7KfMk@p*Bun}0e#}TcuygbB-fR|uLtE+|Y}{G0rm&accw~kt
z)10Lp*IG6f%m`C%5SYDG;uc3j%alvSk2me=6!cmY{Zq*|u!kX2%gw>q?RlubTY0!P
zLrM8orBI1m923?sG(>-&clXT>msi`X=LaXSSX?!G`?7lGz04TphI(1g>+82nICZyu
z{g!-*$ZKLpIVx(s<L*zo#gTFBMMs~Y=J((CCxpJv*}bA9&3ne7_~W7Cjr)%0Gd?&t
znXz<vVK2k<DwVJME0(`BTqhWC&)|zB;~#T#cV?-^oj>z`uCIEyUDIvLqUSa&z1b|A
g;w@Pk|64MwEx9YZ`ua0T1_lNOPgg&ebxsLQ0M`<?lK=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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf63@l=v
zE{-7;x8BUm^#~4>I6nVwwb|WSO;aKaduHlZZw~py%B!p~Wzzx<E_)V7{V575-<Vv#
zeNyaw)%-Pa!lYK#pjwZ`8X`)HMiWBA#G=E@=d9kdd6(t)vV8fz-q+9eb`^cSbL;TW
zg0gqU^ZuWkXZzf8f99Jq>*IwAiFR@9E>Sgic#agtBqc4H;w~UC^V08_zZ?t|^QM1#
z(8wOd%jjSrF{MgIz{JIypM^<y!oSbg^OtU}47&7p)9yUKd5b5!n|I!C|CUvS@2pH?
ze+qE0s84z=*S~z@#)+vn8}v@v+~1U1tJru+GbZuSnq9kQrQTe$XwjTGbJE|gy*^9s
zLz95nlxcc>TaA(fQ%YDEHdfW%xP2$Dyt1+~FHg_<K&D_))qXvL+50T^ch<JG?dkHm
ze*D-2&tH#zGEA7f^T$)^b_**ehAuAujP9dBp`lZ!PBqon&A+*5%3A60;3;j3mTd`W
zJ5*X)AF=5|&-3;7zqZJjn9cT;-}sv0!ri-fFJ8R(Yl$#J*_%6?wajhLBo-8ST;xhN
zIC9E@hmS9iL7_)xzT~o<J1Y~Tq9P-29<JW*WtN}6VtbaLklU<FyXCmHnCP<hZ+J1~
zMrK8*KvYze4Bzns{qpiN?G`)oGZars3ldS~5Rf|MEiY$r^kce!yZhldCF7YsKY#vw
zo|QFe^5j~LkBk4FeN{U9QBPZ@&F783!t?Dr#7)g+`!1JWx;ZuS+RGB7zcq>Xy3UlG
z{{F8qE`0xugRj48&U$TVSoC+>_1Dfnc6ZcFn=m24Xy&I9ww4#)`Hn3v(3CN~e%#J?
z=^Tr`&)jxD_bP^1F?`tbM0wV-skXj9PkPR8QnFZC7rXXSuiN4?TW3YQ{8(r#@Ve~#
z&X^#%c@6V?UKXdHcdFG34|8jK)p6kR^VmS81$s&!9&L>cOg%k)iIxY;HIWppCA-(|
zHTGgz<kBFbv|!6g;l{+5TB=NoV?Hn}ShR>qxKaB0>m?lrLS{vL?1<?XYSa*vFc*~g
zyDBg$Dk>(Xr_&+zXPytsF`X@4_k0hZ>b|4<QeK@Y_wC$ODoiWWf~Ro&X?IB|3%aD<
z7WjDUET+<12mJd2ls<f^y#Cj{KUJpdy4WOdmJF$tQ#k^XA4U{)HiWGX))u_*D(Q+B
zOUW(Hr&gRU4a+pQ3NgA|URe0;M%+hlm&-1~jThwY)cN1CG#I;=&t0)HoL!JZ^~}o8
z;r;SA8lNxMH(AlZk>P58dGprZiQOE+j2jJkJ|9ZE9S}5W?%diR9yPgl-?mk~p2f8K
z{QLQrj(x~K6!PwVpZasX`#lYkE<%hg88&)Rvp1Y*{=KbLtW%B2;|j->xShNV(_g*o
z5I?EPbZesfq_4N`ZV)Z%JTSvuXr~K9@A6`m2^=@7_xWU9U;aI+_jHHWQulcuS1B@m
gifunA@H?HsvR|Ed$D-^e1_lNOPgg&ebxsLQ0KnN3^Z)<=

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<@LGdRGBLf2ygAM}&0|Q8&fl1w`W##F)
qVh0MhbY(PbiE;gzJ6AMqmW7#Oh2P5Hx_8{!H+`-L+>>Nwum%9JoE@<M

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649sPo
zE{-7;x8BUk_7HKDIq<wJ{i|G6ZNP`fih0xS#d<x`-0RVz)VU!4YC8v$BA3fsMn^$g
zJCD>xvBa>D0LKaPOqvEF&J#p>J{3m2yBYebQ?C4;^WHtT-yXiT>0azQ*|p}*)@Ryp
z?z}l${_y|()}MC=^VDzLX=~RIeNioI!R^Q1zMhBp?%F+VU|?uVWN2e$Vqj`~@V`~B
zv@Ju}^wEp%Mu(F7>uyg_6a0Q-yJw(Q3A5W2Eu&w(ZE5>*O+-VcOjqjgV_=Y&#=Fw&
z)})PgyLa4}Gd=%RMt1Gxi^6tpStSo+p6UL4xY?PZ!AnxU?)gFHr#p9@IqHyb?d{S`
ztJf#~t;}3raNtl=d{D`}RR<QZGfWYawBx;a=%yk=gM!Gz@@-r8U0yMDUF7@rdFN)$
zdd1S4b?af&>4t|Z+1l0~^R-%MYhkoa=bG|!3)@8@D<#`L>YuTUm21B&dw7bdkiK)e
zGV8mQt4=vJ+X?X4Wmn!V*<M(E(l+eZ4>7U2U1xt*t-F}N(E0L|RA=q*V{eVaZmVp+
zxAW#q7RQ$Ui9)q2ixkgoTBE5SZSh;4dD*^&l1^FYo^R~0*S)z@oI!x+SkCIh7r#fZ
zdBhkT8oT=ZsSm&FH|azyzbYbCJV(!e4U?OPeqY{=8B-Soew;r4<@?V<_FS$P|10_0
z-rITgjY(3^IfIKXOrDc2?em?P5iZ;R*J|C1TQ0ooj=#!m&pu?=EL&BTWi)5Q`5e>P
z8=T+2lbz7Z5cfi!-Cb2x+vJ%?2Fs~(5zixc?_E`wW>o2AcyjKZ;$E{`o7U#UM|n-U
zZhrsbwN(Kc-=@sGE)nYy8kJIU-&};z)=F8SH1Z~g&cf4f4rWZ71Sj-1<gol(Dwy&9
z)!|DVPhJ?MDu0ldYW#8~Wpyso@nloR4?23=#RHWu+_nC&Yi)5Wqv-DPh1o0~LXWBr
zC?6@&+2z)-=uv?wQ%H=>I!0l4SJBrR5{#2XDhn3>mS^;sRI}E)KBj`xQz%pU!2buu
zFW(q49JpFMReZhek;5Dx7>jrQyV!bbam?>iXOBxrFnUc`R@&=-*!rR=(}(f{b1W-o
zWXJ6PEW@wNpm_3Xw6Fe-ueP<11nzfk5o~Dcb$I-DIzz*4{-~C@FQgc=erm6Ld2;mx
zxsu+77uuY$$_(L~i(M{o^z{AhsJoh6pVg+a?gfkDwpS;l7>{<%Uv>3VJTpW3bf;ri
U-ib|PU|?YIboFyt=akR{0Pn5Ap8x;=

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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649uH7
zT^vIyZoQcq>k*tNaa{iV@j236OP)RZeq5w<mc|U1CKb^Zb4T+s;fTnE;+dH#oRJlZ
zOEXtYnVIUy+8A`VM3A#lLD6&8vY$79eNZ+x|GsyQb*zlFjQMRR>vwx9;^uX~eOUSZ
z&-Ztg=YQ|n|FfrW^%pkb1!hctmbTnWnAFOqs9u{F=giP>_#p!eJ0nBc?^E9<o%_ni
z`C)q1w0$|-^WR)fUi?Jn<-C7ZuLDKvxsNSgwco4W-r}0Q!J1hzoOc9;q~}+t*iX;D
zWXMnuFlF-BT8XzA`<*8(y1d*^?#}%0>z<#z+dkLNFvdIm`KePLWoP{u8s^`)o_VYL
zdF;=2?p3GyGE3Q-Ps*rq=k2^JrpSLW<Eu~4)vU)MR*SR3y=)j#(wFhn%}Pl>&cJZE
z=Ekzfn5avuzP~*iap6VUv#V^2Esbi@i=BNv0u($S_()t|eNIJ6YVIP9u0<=hJh3P%
zJ5+kkf2$Znl2U3~cWFh*u7_!|Z}qLi*ZFjPJvB}CpUvL7wZYl$B};f1+>V8s-7YFw
z@+Rr&(&*l=3<AQc)4h)PNL(+P>9W$ZaLYzlqf6Ik9PyV~9I(x{A}Ky{;*U<@M@nhW
zO;<-BcQj1A;~j6h>&VOZ2hRDev0l4n$%b_szq$k#_Bds3o$;)$rqkQU+pi<;!izmY
z23vmhD+ixDUwS?MzW<x(+MOkVtLF!u{TCH?Z|=l7>q2In5$nFXjdkfEk)G96=P$h!
zRy+_tYw}#RZ=#F`ZagvPKJM@Q{nB-N-@7c5J!#Ds-z>ZQVN*$ava)HzV~g#}S0)#)
zKKH#&HuNRqzo3xySGlF`o|z+M`7&`+LQ<OFUUh9z%a?m=otXq3ynh||z_R?*rKwze
zoept+YVNysSN~#FQV?L=C&0L_y;^C*u2)Qg0v!zwEG$Y20*(JYS$0+bnyA9mb%Udk
zBga`uK#hA|(AfnQYmYIUU3gi#(u<|)cU#=vy4PwCE;Ppc6JnH657_%4abAH=eJ6uw
zSAZ(hk`v-rn*=9HuPt3K%qVj_K$VH5&p0f)wC(S-1BG$IjL-PzuNLoPcJNKTIQ8}S
ziwaB@eHY8t?rYxH9~LfR<QFH*IBBbI_H4P`R@Yz3NGb`4%6SPhR%TqddFiu>pusGi
z=qnQcG-q^8TKuJ3TGu}|kxjmn!STTs(=B$3uW#S8qoMHAEDnJ+ZVO(<sWX^tFW)%#
zk1ErXTgofHUi4PyukUO)uH3obrQyf)a}(QL5|V!XP7A*~dwUv_d#F`gWmM@sA;#}>
f+gz0X*)lBI%YXf#=F<=c1_lOCS3j3^P6<r_`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
zcmeAS@N?(olHy`uVBq!ia0y~yV6bCgU~uAKVqjosaQ?KCfq{Xuz$3Dlfq`2Xgc%uT
z&5>YWU{FZ*2=ZlMsM2L%Xqd{t@Z&lILq`w;L!m1J!>cp~21|AZ2F0Ju>aAf649pFl
zE{-7;x8BT%^$>BCIq<wJ{r%<5SCsV)Uw^t{WB*9+OqYu=R}DwCPDhi=ghd_7@+{RS
zYBu<2uMP0pu%Kx{i`*+k4lYM03yrOtKl$muwR!7v`S-UyZxhcazh~awckTAUzsCHV
zcW<_~Z~On|%paD;_jS6x{TiZFPNx<Wo?PkU@631C%$S{#q0xasK|+Ax!T0q!IwjlE
zJvPN0>)H3_`|<Ckq1VEu?Kr;Q-#DnyJW*n0(&GCscF3>lK5~iqx7Rn3=S94-%nU3Z
zMvEeRjya1yEj3kN-5=(;WYfKQdZ(}WxJYli__B6t#^=S=?F<Z^5h8z=ZPQ4PJ~nO5
znJ=3zJqk8uTYYw&?y16EHVfJ0`lp9}5eVI=Ce0AA>T=DmoJHUH7#SqgI_fU}xSBNk
z@6(SJ_7XjL(-&{@QTLy;EAklc>Gsf74+D!G=XI^>uaV?G{dLC0()G=&mMmFnZW^n3
zB6y}+ol4fJOPz-=oQ&wK{vCEZF1POf>hIUrZ`Juz=HuhH{`rK<E4w~zUU_Q5MG;G1
zPoqr%iQ6Kst~%4DeD!Va+G!_e&d9yt!Y`(E)N_)~ovoAaSs(k+nH-wBk}LK7WV_CY
z87o>AzG&}Bd)BhEAaMTt&9&F;{3k7O(OGqUzB-47|D;`a?tS%_u(CDYrB;4?P3^t6
zAA|aX%uaJMS<T7g5ni)~MX2c?|K*aC4;RJ%syS_Uzvzpf^1&C44mOkdju)1NUv}8D
zxbIk<Z0MJiojg~Qzn<U8y83LNOjTPD<65)d|0X#-xxmiWUa8z5_UrgW!?2TO;wvIe
zn5MFq>J;vOYyQEl!JH|^kSXW*EjNXZbJC3WIKV=C1b@tTdyu=I(NlRrSn4OY1ZJs5
zo~4I!HZH1IbBtlu#tknXtPqrtkg5Co?5-5=D!%E(*Et?oxO{DBH+&iKPKvQfU{Mwe
z$3l*)ErLRYPp!mz82XY|NHKOiUU=zJg!}#$3ptnR9j=0{Mog8j)&$L67Fh45<h$wC
zo31Oqg1HfLUlUBsuP`yplFllOD!9ebBD8Gf+V7kGnS}1Y^-q9N+2O*nOz-E9U(CK^
z%2ZJ5xyru0Y1Ni{wOwt34Fbzgoqd;n<wu-VwN1(7%We(->|fS=kYOlT{+#tM|KV6=
zhZcR$yZv!)cOI@2Oo*AZBb(*H{Wmg}87#++Eq^5c^~n5LihWvEZHB#8>AejJXO{=9
c{BfS4CAjJ;Q-|FP1_lNOPgg&ebxsLQ07z!hy#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
zcmeAS@N?(olHy`uVBq!ia0y~yU=U+qV9?=UVqjo+XMTS<0|NtRfk$L90|U1(2s1Lw
znj^u$z@U)q5#-CjP^HVj&@h#O;m36bhK?WxhC){chF56}43_K+42nOQ)my_D7?`s?
zT^vIyZoQduH~)5u$g%m?*Y7>j`S`|3w^_QbiQc<6Z4~|G$ok0p@~%Ut*mA@<7|ml2
z)*t4*e#dBnnwgboW{{)QiZ!~TH@(75?@sBjTbe0sy;4|xqpaSeS$dKl*%JkX-QS<x
zc<=c|%jaKzPHc5q6>(|9b%ENrZ4sBOoDSMXuSwq?!7wc~QT`y40ng|8+dIyyr=_Ra
zcn4p!E)3yQ@#mf5KmU#NoA<TbcHeFCIeYH&p6u_-S6|ORrG0-6C%52Aca7?RqWt{N
zr@wOvKdnjJ^83<@*}L__wXR;%T6cej#mQR3KmRHX*DGvh4RyZveEr9NCsz7Rulam>
z=4y%k7Dey$r6WC5{;pf!eqUNJ+cJQ&hh;naBK|6gtN@)8hxOy5{^jN9&3a*3_C=9<
z^~DUe;_}D&@yq^P<}$JW!B@e5P}f0ZVe5m54k_oSZTGML>-OjOyT#{kG-pJ8$g37h
zO*?g0GFEk3`~;Toj$tnv)ENSsq_%XdcsVDCMf{!4|FGxw8&r42r7{}uWIj6;yg%zv
ztJWEzJ3_Cgs@yy*uXwM)uW~6%YkLucYFtP?pOw&VLG?{yMk|Ci7%gDZ5-8ZIasD}D
z>hl$*IR~<2)05N14prTcRaKYa>AH~mLeYUakwNrC*u?b?YZW)Itf(sPV_{%kaB+jb
zxUtE`9bXu>iuCB*Fuh<hK`CP4iA^UWJTi7njeAoyuUutYt1$Cl<~#kLJ}ukFdEM#;
zj|Z0uX9~wP4Ks^7*UgT8So`mvc-iV%p*Jqx72SKFZpx1=y_wo;8<sgvauD)hKFu?&
zYv-3oQ@f|v9^c((Iq6y?gN1!nThHU$=hy%Jbn4r~%X%*_2nMaz%-(rb{#}dE<oUHl
zKh_qfm*3xB-tzcOxnfJesSQ)^MenGuuCiLEbGBGS^kGZhS2rhTeZF}wI<N8`Hqkx4
zG|v3Ql{Yp^uWVd0B~jv8e%S3zI+y=^4)nd8lY7L#=Ri$P+?FrjZk!OTz4!N#`Q}{{
z^+mqt2u^S{i`Up^^5f1tUA5)U=SeheW_Z<h(eFe5VW%fs<q{WMSNoBZ_-Oe??Oc|6
z7t#N|P09aRw(I^={~_%5p<QPdOa1q`6CZPLygm8y$B)_ji<5nu_DgZ{*8Xy{K3M+G
z@AOIOvoDV&U5wEAm3TYo+ABBigYp+o?05OlpkwE;_8t5FdLD*jWm80-Em4}tz`(%Z
M>FVdQ&MBb@0I@R7ivR!s

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
zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4mJh`hKCF@W-u@?u%tWsIx;Y<KVi<=^^$>s
zL9)a(q9iy!t)x7$D3!r6B|j-u!8128JvAsbF{QHbWU37V17nY;i(^Q|tv53cdL4EU
zXe&2gS>+j|v}k(_%SMH`J<mIBDn3cte0?DN^xes3r5_Ak60@ExGBf-qoR+A0L#%MJ
zSlNU8%bp4Q-tl=qo1S}{OE&0KZH=sBaz^-#UjGcXy$<iED2Uyx^^kn<ol~SMaZ$^>
z13{X8Je<lq%nUi^Z}&X>#?kx&OVBjMeGA!NNc~b^OPaXDqM7f<!rKZQYKanD_rI^b
zbfr}H)FzS8P{Avz%kPVrZ|J+M(Y5AqNp!PRNOzXhOT$n(NzRv*ape=ATV9NAJgC=U
z(Z_my(y_G{*Vi60xYRc7Z=kA~j?4t+A_u+`jFt;>**ATCba`FX-xtyzDxQz3GIlp^
z(zz|8z`L1m%B$+sFvrOG<(EwU&X;?%dC}kQX>*NV%k&f{n`O^l_A<?Q)@%<m=B;A<
z7k4IkyBtpr6#3=&+90GmhF{rs@xk6RZN-OkW;h+UoymLtg6M2sk?*(UcS+pnTc~lc
zXnA<!w6!uqZuxU#HheiT%`(M3<+#xi@$c`oZyLmwH$Qc6U}PxQZFr`&=36EM0|SGn
LtDnm{r-UW|{}|Rt

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
zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4mJh`hKCF@W-u@?a29w(7Bet#3xhBt!>l<H
z3=9kk$sR$z3=CDe3=9oZ85n+CXJF_EVqhqAWng%f#=v07&cLAflUcnrjDdl%$J50z
zq~g|_83(-%JBYZR_g=1bWr^<67wjBMSqmTUi+^%x>iq|&TH~+m)fS)H)Fkc5xiB-y
z(f8Gk7c7esqK{-oooKyj({^U&%+uaQt#h_q(|sV2!La+rRcisJ^9~FON*#=ajeHLR
zdz2DXlr|=FxgJWm_KrcL*jMt5Tmk17hT}#@)D2kl8q5z|j@s^$UCXoO?2^|S^S&K=
zF;&HL?WK^_U2WU@pI>V`FjMn)pJBnWcNId>?Tj9irhHUkd-3cPFKb9KtLJ4&hPPqN
z=hxmWEU-Ds?{p?=lKqbO+N6Xd$0D`_w(|yahA>TaPz~S=Vam0hu<1+8-Z!6<?>gAn
z*iDtYmA9a7|9(pc$un93=XUw0Nlw|sYa+q(@3`}_@E7}gTx-*&9-Hyx-`OoeqMnx}
z>jWOLFTA^Mjh6lFj7Kv(R4&JEewQY^_OQuoy#pHId`DY&)pu@q$Yl`~e4~JW&g>10
z56n)t`*HUrGbjn}Jn5Hs#KuI6M{T#&&u?AVcJa#0a7j6Cbfo>`d+rB^Z7%(mV$iQ_
WKe9a_MVNtsfx*+&&t;ucLK6Vh5Ytlt

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!ia0y~yU=U|uU}WK7VqjqKskJC$U|?WLcl32+U|4^`oVDvE
z0|SF(iEBhjaDG}zd16s2gJVj5QmTSyZen_BP-<dIW#P$G8wLi3vz{)FAr-gY+_C0s
zHsE2n5D>7sPu4<AW+C(UqzAL63M`f1+N1GKVC8w|MLcz0ZqXB07tRUNX?u8UP4w-!
zO`YprU)x$K|I2Q2<h1pZE*XB(;A(YR7@#4-^;Cb#W&SCavY$S^UR!i}@6nwKs(~6J
z5ZR~N8<UzK%37Tkz6pC}8NR~YYt84_u1PQ@Q!Y)7kaPf>1TyfO*2ZT)m-BVhO6$9L
wLQN6zx_K&D=uB~scUg$H&VSKzMm7fR=t)LOw?D`;FfcH9y85}Sb4q9e03k_rc>n+a

literal 0
HcmV?d00001

diff --git a/js/colorpicker/js/colorpicker.js b/js/colorpicker/js/colorpicker.js
new file mode 100644
index 000000000..10a2b2244
--- /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