From 649977f12fa6e64f284d519e54c244b301ba7eab Mon Sep 17 00:00:00 2001
From: peterd <peter@dematte.at>
Date: Tue, 5 Aug 2014 19:03:55 +0200
Subject: [PATCH] minor changes

buildView - shortened
devPicker - added
colorPicker.css - IE7 fixes
indec.js - IE8 imagePath support
---
 README.md                 |   1 +
 colorPicker.data.js       |   2 +-
 colorPicker.js            |  46 +++++++++++++++++---------------------
 developer/_bgs.png        | Bin 0 -> 1346 bytes
 developer/_blank.cur      | Bin 0 -> 102 bytes
 developer/_blank.png      | Bin 0 -> 70 bytes
 developer/_horizontal.png | Bin 0 -> 392 bytes
 developer/_icons.png      | Bin 0 -> 594 bytes
 developer/_patches.png    | Bin 0 -> 3082 bytes
 developer/_vertical.png   | Bin 0 -> 1241 bytes
 developer/colorPicker.css |  14 +++++++-----
 index.js                  |   3 ++-
 12 files changed, 34 insertions(+), 32 deletions(-)
 create mode 100644 developer/_bgs.png
 create mode 100644 developer/_blank.cur
 create mode 100644 developer/_blank.png
 create mode 100644 developer/_horizontal.png
 create mode 100644 developer/_icons.png
 create mode 100644 developer/_patches.png
 create mode 100644 developer/_vertical.png

diff --git a/README.md b/README.md
index 76be4e6..6323216 100644
--- a/README.md
+++ b/README.md
@@ -56,6 +56,7 @@ var myColorPicker = new ColorPicker({
     XYZReference: ..., // see Colors...
     grey: ..., // see Colors...
     luminance: ..., // see Colors...
+    devPicker: false // uses existing HTML instead of internal template for developing
     renderCallback: // function(colors, mode){}, // callback on after rendering (for further rendering outside colorPicker)
     actionCallback: function(e, action){}, // callback on any action within colorPicker (buttons, sliders, ...)
     convertCallback: function(colors, type){}, // see Colors...
diff --git a/colorPicker.data.js b/colorPicker.data.js
index aedb35e..b70dd48 100644
--- a/colorPicker.data.js
+++ b/colorPicker.data.js
@@ -6,7 +6,7 @@
 			replace(/\^/g, '<div class="').replace(/\$/g, '</div>').replace(/~/g, 'disp').replace(/ß/g, 'butt').replace(/@/g, 'labl').replace(/\|/g, '<div>'),
 		_cssFunc = ('är^1,äg^1,äb^1,öh^1,öh?1,öh?2,ös?1,öv?1,üh^1,üh?1,üh?2,üs?1,ül?1,.no-rgb-r är?2,.no-rgb-r är?3,.no-rgb-r är?4,.no-rgb-g äg?2,.no-rgb-g äg?3,.no-rgb-g äg?4,.no-rgb-b äb?2,.no-rgb-b äb?3,.no-rgb-b äb?4{visibility:hidden}är^2,är^3,äg^2,äg^3,äb^2,äb^3{@-image:url(_patches.png)}.§slds div{@-image:url(_vertical.png)}öh^2,ös^1,öv^1,üh^2,üs^1,ül^1{@-image:url(_horizontal.png)}ös?4,öv^3,üs?4,ül^3{@:#000}üs?3,ül^4{@:#fff}är?1{@-color:#f00}äg?1{@-color:#0f0}äb?1{@-color:#00f}är^2{@|-1664px 0}är^3{@|-896px 0}är?1,äg?1,äb?1,öh^3,ös^2,öv?2Ü-2432Öär?2Ü-2944Öär?3Ü-4480Öär?4Ü-3202Öäg^2Äöh^2{@|-640px 0}äg^3{@|-384px 0}äg?2Ü-4736Öäg?3Ü-3968Öäg?4Ü-3712Öäb^2{@|-1152px 0}äb^3{@|-1408px 0}äb?2Ü-3456Öäb?3Ü-4224Öäb?4Ü-2688Ööh^2Äär^3Ääb?4Ü0}öh?4,üh?4Ü-1664Öös^1,öv^1,üs^1,ül^1Ääg^3{@|-256px 0}ös^3,öv?4,üs^3,ül?4Ü-2176Öös?2,öv^2Ü-1920Öüh^2{@|-768px 0}üh^3,üs^2,ül?2Ü-5184Öüs?2,ül^2Ü-5824Ö.S är^2{@|-128px -128Ö.S är?1Ääg?1Ääb?1Äöh^3Äös^2Äöv?2Ü-1408Ö.S är?2Ääb^3Ü-128Ö.S är?3Ü-896Ö.S är?4Ü-256Ö.S äg^2{@|-256px -128Ö.S äg?2Ü-1024Ö.S äg?3Ü-640Ö.S äg?4Ü-512Ö.S äb^2{@|-128px 0}.S äb?2Ü-384Ö.S äb?3Ü-768Ö.S öh?4Äüh?4Ü-1536Ö.S ös^1Äöv^1Äüs^1Äül^1{@|-512px 0}.S ös^3Äöv?4Äüs^3Äül?4Ü-1280Ö.S ös?2Äöv^2Ü-1152Ö.S üh^2{@|-1024px 0}.S üh^3Äüs^2Äül?2Ü-5440Ö.S üs?2Äül^2Ü-5696Ö.XXS ös^2,.XXS öv?2Ü-5120Ö.XXS ös^3,.XXS öv?4,.XXS üs^3,.XXS ül^3,.XXS ül?4Ü-5056Ö.XXS ös?2,.XXS öv^2Ü-4992Ö.XXS üs^2,.XXS ül?2Ü-5568Ö.XXS üs?2,.XXS ül^2Ü-5632Ö').
 			replace(/Ü/g, '{@|0 ').replace(/Ö/g, 'px}').replace(/Ä/g, ',.S ').replace(/\|/g, '-position:').replace(/@/g, 'background').replace(/ü/g, '.hsl-').replace(/ö/g, '.hsv-').replace(/ä/g, '.rgb-').replace(/~/g, ' .no-rgb-}').replace(/\?/g, ' .§sldr-').replace(/\^/g, ' .§sldl-'),
-		_cssMain = ('∑{@#bbb;font-family:"Courier New",Courier,mono;font-size:12¥line-ä15¥font-weight:bold;cursor:default;~412¥ä323¥?top-left-radius:7¥?top-Ü-radius:7¥?bottom-Ü-radius:7¥?bottom-left-radius:7¥ö@#444}.S{~266¥ä177px}.XS{~158¥ä173px}.XXS{ä105¥~154px}.no-alpha{ä308px}.no-alpha .§opacity,.no-alpha .§alpha{display:none}.S.no-alpha{ä162px}.XS.no-alpha{ä158px}.XXS.no-alpha{ä90px}∑,∑ div{border:none;padding:0¥float:none;margin:0¥outline:none;box-sizing:content-box}∑ div{|absolute}^s .§curm,«§disp,«§nsarrow,∑ .§exit,∑ ø-cursor,∑ .§resize{öimage:url(_icons.png)}∑ .do-drag div{cursor:url(_blank.png), auto}∑ .§opacity,ø .§raster-bg,∑ .§raster{öimage:url(_bgs.png)}∑ ^s{~287¥ä256¥top:10¥left:10¥overflow:hidden;cursor:crosshair}.S ^s{~143¥ä128¥left:9¥top:9px}.XS ^s{left:7¥top:7px}.XXS ^s{left:5¥top:5px}^s div{~256¥ä256¥left:0px}.S ^l-1,.S ^l-2,.S ^l-3,.S ^l-4{~128¥ä128px}.XXS ^s,.XXS ^s ^l-1,.XXS ^s ^l-2,.XXS ^s ^l-3,.XXS ^s ^l-4{ä64px}^s ^r-1,^s ^r-2,^s ^r-3,^s ^r-4{~31¥left:256¥cursor:default}.S ^r-1,.S ^r-2,.S ^r-3,.S ^r-4{~15¥ä128¥left:128px}^s .§curm{margin:-5¥~11¥ä11¥ö|-36px -30px}.light .§curm{ö|-7px -30px}^s .§curl,^s .§curr{~0¥ä0¥margin:-3px -4¥border:4px solid;cursor:default;left:auto;öimage:none}^s .§curl,∑ ^s .§curl-dark,.hue-dark div.§curl{Ü:27¥?@† † † #fff}.light .§curl,∑ ^s .§curl-light,.hue-light .§curl{?@† † † #000}.S ^s .§curl,.S ^s .§curr{?~3px}.S ^s .§curl-light,.S ^s .§curl{Ü:13px}^s .§curr,∑ ^s .§curr-dark{Ü:4¥?@† #fff † †}.light .§curr,∑ ^s .§curr-light{?@† #000 † †}∑ .§opacity{bottom:44¥left:10¥ä10¥~287¥ö|0 -87px}.S .§opacity{bottom:27¥left:9¥~143¥ö|0 -100px}.XS .§opacity{left:7¥bottom:25px}.XXS .§opacity{left:5¥bottom:23px}.§opacity div{~100%;ä16¥margin-top:-3¥overflow:hidden}.§opacity .§opacity-slider{margin:0 -4¥~0¥ä8¥?~4¥?style:solid;?@#eee †}∑ ø{bottom:10¥left:10¥~288¥ä31¥ö@#fff}.S ø{ä15¥~144¥left:9¥bottom:9px}.XS ø{left:7¥bottom:7px}.XXS ø{left:5¥bottom:5px}ø div{|relative;float:left;~31¥ä31¥margin-Ü:1px}.S ø div{~15¥ä15px}∑ .§raster,ø .§raster-bg,.S ø .§raster,.S ø .§raster-bg{|absolute;top:0¥Ü:0¥bottom:0¥left:0¥~100%}.S ø .§raster-bg{ö|0 -31px}∑ .§raster{opacity:0.2;ö|0 -49px}.alpha-bg-b ø{ö@#333}.alpha-bg-b .§raster{opacity:1}ø ø-cursor{|absolute;Ü:0¥ö|-26px -87px}∑ .light ø-cursor{ö|3px -87px}.S ø-cursor{ö|-34px -95px}.S .light ø-cursor{ö|-5px -95px}∑ .§panel{|absolute;top:10¥Ü:10¥bottom:10¥~96¥?~1¥?style:solid;?@#222 #555 #555 #222;overflow:hidden;ö@#333}.S .§panel{top:9¥Ü:9¥bottom:9px}.XS .§panel{display:none}.§panel div{|relative}«§hsv,«§hsl,«§rgb,«§cmyk,«§Lab,«§alpha,.no-alpha «§HEX,«§HEX{~86¥margin:-1px 0px 1px 4¥padding:1px 0px 3¥?top-~1¥?top-style:solid;?top-@#444;?bottom-~1¥?bottom-style:solid;?bottom-@#222;float:Ö«§hsv,«§hsl{padding-top:2px}.S .§hsv,.S .§hsl{padding-top:1px}«§HEX{?bottom-style:none;?top-~0¥margin-top:-4¥padding-top:0px}.no-alpha «§HEX{?bottom-style:none}«§alpha{?bottom-style:none}.S .rgb-r .§hsv,.S .rgb-g .§hsv,.S .rgb-b .§hsv,.S .rgb-r .§hsl,.S .rgb-g .§hsl,.S .rgb-b .§hsl,.S .hsv-h .§rgb,.S .hsv-s .§rgb,.S .hsv-v .§rgb,.S .hsl-h .§rgb,.S .hsl-s .§rgb,.S .hsl-l .§rgb,.S .§cmyk,.S .§Lab{display:none}«§butt,«§labl{float:left;~14¥ä14¥margin-top:2¥text-align:center;border:1px solid}«§butt{?@#555 #222 #222 #555}«§butt:active{ö@#444}«§labl{?@†}«Lab-mode,«cmyk-mode,«hsv-mode,«hsl-mode{|absolute;Ü:0¥top:0¥ä52px}«cmyk-mode{ä70px}.hsl-h .hsl-h-labl,.hsl-s .hsl-s-labl,.hsl-l .hsl-l-labl,.hsv-h .hsv-h-labl,.hsv-s .hsv-s-labl,.hsv-v .hsv-v-labl{@#f90}«cmyk-mode,«hsv-mode,.rgb-r .rgb-r-butt,.rgb-g .rgb-g-butt,.rgb-b .rgb-b-butt,.hsv-h .hsv-h-butt,.hsv-s .hsv-s-butt,.hsv-v .hsv-v-butt,.hsl-h .hsl-h-butt,.hsl-s .hsl-s-butt,.hsl-l .hsl-l-butt,«rgb-r-labl,«rgb-g-labl,«rgb-b-labl,«alpha-butt,«HEX-butt,«Lab-x-labl{?@#222 #555 #555 #222;ö@#444}.no-rgb-r .rgb-r-labl,.no-rgb-g .rgb-g-labl,.no-rgb-b .rgb-b-labl,.mute-alpha .alpha-butt,.no-HEX .HEX-butt,.cmy-only .Lab-x-labl{?@#555 #222 #222 #555;ö@#333}.Lab-x-disp,.cmy-only .cmyk-k-disp,.cmy-only .cmyk-k-butt{visibility:hidden}«HEX-disp{öimage:none}«§disp{float:left;~48¥ä14¥margin:2px 2px 0¥cursor:text;text-align:left;text-indent:3¥?~1¥?style:solid;?@#222 #555 #555 #222}∑ .§nsarrow{|absolute;top:0¥left:-13¥~8¥ä16¥display:none;ö|-87px -23px}∑ .start-change .§nsarrow{display:block}∑ .do-change .§nsarrow{display:block;ö|-87px -36px}.do-change .§disp{cursor:default}«§hide{display:none}«§cont,«§cold{|absolute;top:-5¥left:0¥ä3¥border:1px solid #333}«§cold{z-index:1;ö@#c00}«§cont{margin-Ü:-1¥z-index:2}«contrast .§cont{z-index:1;ö@#ccc}«orange .§cold{ö@#f90}«green .§cold{ö@#4d0}«§ctrl{|absolute;bottom:0¥left:0¥~100%;ö@#fff}.alpha-bg-b .§ctrl,«§bres,«§bsav{ö@#333}«§col1,«§col2,«§bres,«§bsav{?~1¥?style:solid;?@#555 #222 #222 #555;float:left;~46¥line-ä28¥text-align:center;top:0px}.§panel div div{ä100%}.S .§ctrl div{line-ä25px}.S «§bres,.S «§bsav{line-ä26px}∑ .§exit,∑ .§resize{Ü:3¥top:3¥~15¥ä15¥ö|0 -52px}∑ .§resize{top:auto;bottom:3¥cursor:nwse-resize;ö|-15px -52px}.S .§exit{ö|1px -52px}.XS .§resize,.XS .§exit{~10¥ä10¥Ü:0¥öimage:none}.XS .§exit{top:0px}.XS .§resize{bottom:0px}∑ .§resizer,∑ .§resizer div{|absolute;border:1px solid #888;top:-1¥Ü:-1¥bottom:-1¥left:-1¥z-index:2;display:none;cursor:nwse-resize}∑ .§resizer div{border:1px dashed #333;opacity:0.3;display:block;ö@#bbb}').
+		_cssMain = ('∑{@#bbb;font-family:"Courier New",Courier,mono;font-size:12¥line-ä15¥font-weight:bold;cursor:default;~412¥ä323¥?top-left-radius:7¥?top-Ü-radius:7¥?bottom-Ü-radius:7¥?bottom-left-radius:7¥ö@#444}.S{~266¥ä177px}.XS{~158¥ä173px}.XXS{ä105¥~154px}.no-alpha{ä308px}.no-alpha .§opacity,.no-alpha .§alpha{display:none}.S.no-alpha{ä162px}.XS.no-alpha{ä158px}.XXS.no-alpha{ä90px}∑,∑ div{border:none;padding:0¥float:none;margin:0¥outline:none;box-sizing:content-box}∑ div{|absolute}^s .§curm,«§disp,«§nsarrow,∑ .§exit,∑ ø-cursor,∑ .§resize{öimage:url(_icons.png)}∑ .do-drag div{cursor:url(_blank.png), auto}∑ .§opacity,ø .§raster-bg,∑ .§raster{öimage:url(_bgs.png)}∑ ^s{~287¥ä256¥top:10¥left:10¥overflow:hidden;cursor:crosshair}.S ^s{~143¥ä128¥left:9¥top:9px}.XS ^s{left:7¥top:7px}.XXS ^s{left:5¥top:5px}^s div{~256¥ä256¥left:0px}.S ^l-1,.S ^l-2,.S ^l-3,.S ^l-4{~128¥ä128px}.XXS ^s,.XXS ^s ^l-1,.XXS ^s ^l-2,.XXS ^s ^l-3,.XXS ^s ^l-4{ä64px}^s ^r-1,^s ^r-2,^s ^r-3,^s ^r-4{~31¥left:256¥cursor:default}.S ^r-1,.S ^r-2,.S ^r-3,.S ^r-4{~15¥ä128¥left:128px}^s .§curm{margin:-5¥~11¥ä11¥ö|-36px -30px}.light .§curm{ö|-7px -30px}^s .§curl,^s .§curr{~0¥ä0¥margin:-3px -4¥border:4px solid;cursor:default;left:auto;öimage:none}^s .§curl,∑ ^s .§curl-dark,.hue-dark div.§curl{Ü:27¥?@† † † #fff}.light .§curl,∑ ^s .§curl-light,.hue-light .§curl{?@† † † #000}.S ^s .§curl,.S ^s .§curr{?~3px}.S ^s .§curl-light,.S ^s .§curl{Ü:13px}^s .§curr,∑ ^s .§curr-dark{Ü:4¥?@† #fff † †}.light .§curr,∑ ^s .§curr-light{?@† #000 † †}∑ .§opacity{bottom:44¥left:10¥ä10¥~287¥ö|0 -87px}.S .§opacity{bottom:27¥left:9¥~143¥ö|0 -100px}.XS .§opacity{left:7¥bottom:25px}.XXS .§opacity{left:5¥bottom:23px}.§opacity div{~100%;ä16¥margin-top:-3¥overflow:hidden}.§opacity .§opacity-slider{margin:0 -4¥~0¥ä8¥?~4¥?style:solid;?@#eee †}∑ ø{bottom:10¥left:10¥~288¥ä31¥ö@#fff}.S ø{ä15¥~144¥left:9¥bottom:9px}.XS ø{left:7¥bottom:7px}.XXS ø{left:5¥bottom:5px}ø div{|relative;float:left;~31¥ä31¥margin-Ü:1px}.S ø div{~15¥ä15px}∑ .§raster,ø .§raster-bg,.S ø .§raster,.S ø .§raster-bg{|absolute;top:0¥Ü:0¥bottom:0¥left:0¥~100%}.S ø .§raster-bg{ö|0 -31px}∑ .§raster{opacity:0.2;ö|0 -49px}.alpha-bg-b ø{ö@#333}.alpha-bg-b .§raster{opacity:1}ø ø-cursor{|absolute;Ü:0¥ö|-26px -87px}∑ .light ø-cursor{ö|3px -87px}.S ø-cursor{ö|-34px -95px}.S .light ø-cursor{ö|-5px -95px}∑ .§panel{|absolute;top:10¥Ü:10¥bottom:10¥~94¥?~1¥?style:solid;?@#222 #555 #555 #222;overflow:hidden;ö@#333}.S .§panel{top:9¥Ü:9¥bottom:9px}.XS .§panel{display:none}.§panel div{|relative}«§hsv,«§hsl,«§rgb,«§cmyk,«§Lab,«§alpha,.no-alpha «§HEX,«§HEX{~86¥margin:-1px 0px 1px 4¥padding:1px 0px 3¥?top-~1¥?top-style:solid;?top-@#444;?bottom-~1¥?bottom-style:solid;?bottom-@#222;float:Ö«§hsv,«§hsl{padding-top:2px}.S .§hsv,.S .§hsl{padding-top:1px}«§HEX{?bottom-style:none;?top-~0¥margin-top:-4¥padding-top:0px}.no-alpha «§HEX{?bottom-style:none}«§alpha{?bottom-style:none}.S .rgb-r .§hsv,.S .rgb-g .§hsv,.S .rgb-b .§hsv,.S .rgb-r .§hsl,.S .rgb-g .§hsl,.S .rgb-b .§hsl,.S .hsv-h .§rgb,.S .hsv-s .§rgb,.S .hsv-v .§rgb,.S .hsl-h .§rgb,.S .hsl-s .§rgb,.S .hsl-l .§rgb,.S .§cmyk,.S .§Lab{display:none}«§butt,«§labl{float:left;~14¥ä14¥margin-top:2¥text-align:center;border:1px solid}«§butt{?@#555 #222 #222 #555}«§butt:active{ö@#444}«§labl{?@†}«Lab-mode,«cmyk-mode,«hsv-mode,«hsl-mode{|absolute;Ü:0¥top:1¥ä50px}«hsv-mode,«hsl-mode{top:2px}«cmyk-mode{ä68px}.hsl-h .hsl-h-labl,.hsl-s .hsl-s-labl,.hsl-l .hsl-l-labl,.hsv-h .hsv-h-labl,.hsv-s .hsv-s-labl,.hsv-v .hsv-v-labl{@#f90}«cmyk-mode,«hsv-mode,.rgb-r .rgb-r-butt,.rgb-g .rgb-g-butt,.rgb-b .rgb-b-butt,.hsv-h .hsv-h-butt,.hsv-s .hsv-s-butt,.hsv-v .hsv-v-butt,.hsl-h .hsl-h-butt,.hsl-s .hsl-s-butt,.hsl-l .hsl-l-butt,«rgb-r-labl,«rgb-g-labl,«rgb-b-labl,«alpha-butt,«HEX-butt,«Lab-x-labl{?@#222 #555 #555 #222;ö@#444}.no-rgb-r .rgb-r-labl,.no-rgb-g .rgb-g-labl,.no-rgb-b .rgb-b-labl,.mute-alpha .alpha-butt,.no-HEX .HEX-butt,.cmy-only .Lab-x-labl{?@#555 #222 #222 #555;ö@#333}.Lab-x-disp,.cmy-only .cmyk-k-disp,.cmy-only .cmyk-k-butt{visibility:hidden}«HEX-disp{öimage:none}«§disp{float:left;~48¥ä14¥margin:2px 2px 0¥cursor:text;text-align:left;text-indent:3¥?~1¥?style:solid;?@#222 #555 #555 #222}∑ .§nsarrow{|absolute;top:0¥left:-13¥~8¥ä16¥display:none;ö|-87px -23px}∑ .start-change .§nsarrow{display:block}∑ .do-change .§nsarrow{display:block;ö|-87px -36px}.do-change .§disp{cursor:default}«§hide{display:none}«§cont,«§cold{|absolute;top:-5¥left:0¥ä3¥border:1px solid #333}«§cold{z-index:1;ö@#c00}«§cont{margin-Ü:-1¥z-index:2}«contrast .§cont{z-index:1;ö@#ccc}«orange .§cold{ö@#f90}«green .§cold{ö@#4d0}«§ctrl{|absolute;bottom:0¥left:0¥~100%;ö@#fff}.alpha-bg-b .§ctrl,«§bres,«§bsav{ö@#333}«§col1,«§col2,«§bres,«§bsav{?~1¥?style:solid;?@#555 #222 #222 #555;float:left;~45¥line-ä28¥text-align:center;top:0px}.§panel div div{ä100%}.S .§ctrl div{line-ä25px}.S «§bres,.S «§bsav{line-ä26px}∑ .§exit,∑ .§resize{Ü:3¥top:3¥~15¥ä15¥ö|0 -52px}∑ .§resize{top:auto;bottom:3¥cursor:nwse-resize;ö|-15px -52px}.S .§exit{ö|1px -52px}.XS .§resize,.XS .§exit{~10¥ä10¥Ü:0¥öimage:none}.XS .§exit{top:0px}.XS .§resize{bottom:0px}∑ .§resizer,∑ .§resizer div{|absolute;border:1px solid #888;top:-1¥Ü:-1¥bottom:-1¥left:-1¥z-index:2;display:none;cursor:nwse-resize}∑ .§resizer div{border:1px dashed #333;opacity:0.3;display:block;ö@#bbb}').
 			replace(/Ü/g, 'right').replace(/Ö/g, 'left}').replace(/∑/g, '.§app').replace(/«/g, '.§panel .').replace(/¥/g, 'px;').replace(/\|/g, 'position:').replace(/@/g, 'color:').replace(/ö/g, 'background-').replace(/ä/g, 'height:').replace(/ø/g, '.§memo').replace(/†/g, 'transparent').replace(/\~/g, 'width:').replace(/\?/g, 'border-').replace(/\^/g, '.§sld'),
 		_horizontalPng = 'iVBORw0KGgoAAAANSUhEUgAABIAAAAABCAYAAACmC9U0AAABT0lEQVR4Xu2S3Y6CMBCFhyqIsjGBO1/B9/F5DC/pK3DHhVkUgc7Zqus2DVlGU/cnQZKTjznttNPJBABA149HyRf1iN//4mIBCg0jV4In+j9xJiuihly1V/Z9X88v//kNeDXVvyO/lK+IPR76B019+1Riab3H1zkmeqerKnL+Bzwxx6PAgZxaSQU8vB62T28pxcQeRQ2sHw6GxCOWHvP78zwHAARBABOfdYtd30rwxXOEPDF+dj2+91r6vV/id3k+/brrXmaGUkqKhX3i+ffSt16HQ/dorTGZTHrs7ev7Tl7XdZhOpzc651nfsm1bRFF0YRiGaJoGs9nsQuN/xafTCXEco65rzOdzHI9HJEmCqqqwXC6x3++RZRnKssRqtUJRFFiv19jtdthutyAi5Hl+Jo9VZg7+7f3yXuvZf5c3KaXYzByb+WIzO5ymKW82G/0BNcFhO/tOuuMAAAAASUVORK5CYII=',
 		_verticalPng = 'iVBORw0KGgoAAAANSUhEUgAAAAEAABfACAYAAABn2KvYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHtJREFUeNrtnN9SqzAQxpOF1to6zuiVvoI+j6/gva/lA/kKeqUzjtX+QTi7SzSYBg49xdIzfL34+e1usoQQklCnmLwoCjImNwDQA2xRGMqNAYB+gPEH9IdCgIUA6Aem0P1fLoMQAPYNHYDoCKAv8OMHFgKgX2AjDPQDXn4t1l+gt/1fId//yWgE/hUJ+mAn8EyY5wCwXxhrbaHzn8E9iPlv79DdHxXTqciZ4KROnXRVZMF/6U2OPhcEavtAbZH1SM7wRDD7VoHZItCiyEQf4t6+MW9UOxaZybmdCGKqNrB9Eb5SfMg3wTyiagMtigTmWofiSDCOYNTSNz6sLDIoaCU9GWDd0tdhoMMsRm+r8U/EfB0GfjmLXiqzimDd0tdhoLMsI7la45+I+ToM/HIW0kfGVQTrlr7tA91kaUr//fxrKo8jUFB7VAn6AKpHJf+EKwAAAIYD/f7F7/8MVgMo7P+gBqDKr57Lf72V8x8AAMDgYIuvH4EAAAAMDQX6AACAQcI9GGMjDADA4MA/P2KlP8IEAAAYFCz6AACAgaLA8y8AAIN+CMYXoQAADA7u/UPYCAMAMDjI7z9S+SdwDFQX2C9Gh9GMEOWriz8/Pw1lWQZsi/L3R4czzP678Ve+P8f9nCv/C7hwLq99ah8NfKrU15zPB5pVcwtiJt9qGy0IfEE+jQa+Fn0VtI/fkxUPqBlEfRENeF+tqUpbGpi1iu8epwJzvV5XA4GpWC6XGz7F+/u766EgwJ+ckiTJKU3TnI6OjnI6OzvLZf6zMggt3dzckPhIoiTlSGpQ+eEsVegdz0fbCCi4fRs+Po+4yWdeDXiT+6pBSTeHple1pkz3FZ+avpyavoiPxgLN0B7yprY08PlyQTTm0+PWmkH7ynedNKraar4F/lRj1WpTtYh+ozL/cY2sAvZl0gcbZm0gSLBLvkxGoaogiy/HDXemQk2t5pUm8OAhH8/HH6e0mkJ9q9XKKQXfb07xfZnJbZrRxcVFVt6/t7e3Kc1ms5RGo1Eq5VIZuyl9fHw4k/M5xYeoKj64A7eqCt1ZeqWFVSl8NV9OTV3fmvP5qE9VmzSoEcsXpArK1UHen/hZbgL53BZSdyEXalGau/hU8TEW0u3VcoFPy3EDFrTgT+njydeZ0+l0UV7fu7u7iVzziQQmUm4iqRw4n/NxMxw4s/Mp1NSALxf4NEtQ10cjMDwSl+b+/j6hp6enVGb+jUvrn05iKobm6PboOt8vPISY5Pr6OqGXlxe3fOokoGtAbMUJZmqvYmaLQDP+sdrecOjtO/SXeH69P8Imutm5urqy9PDwYOny8tLS4+OjpfPzc0vPz8+WTk9PLb2+vlpZbCzN53NLx8fHVtYZS5PJxMoEZWWqsjKULY3HYytTi1Pex5OMldXKRVXxuLcy/20onmms3BBOxcr5qCrZtsrd45SPel8sGlOxGoGy0neynQ6VL9fsa1YtWlCrtj9G83G7PjdVush5n5q1iJWLZW6u21a1bUvbVnVzlru0pe3RdmlV1/23fZtbZv4Dx+7FBypx77kAAAAASUVORK5CYII=',
diff --git a/colorPicker.js b/colorPicker.js
index a76799e..73effd6 100644
--- a/colorPicker.js
+++ b/colorPicker.js
@@ -68,7 +68,8 @@
 				CSSPrefix: 'cp-',
 				allMixDetails: true,
 				alphaBG: 'w',
-				imagePath: '',
+				imagePath: ''
+				// devPicker: false // uses existing HTML for development...
 				// noAlpha: true,
 				// customBG: '#808080'
 				// size: 0,
@@ -281,9 +282,23 @@
 
 	function buildView(THIS) {
 		var app = document.createElement('div'),
-			style,
 			prefix = _options.CSSPrefix,
-			urlData = 'data:image/png;base64,';
+			urlData = 'data:image/png;base64,',
+			addStyleSheet = function(cssText, id) {
+				var style = document.createElement('style');
+
+				style.setAttribute('type', 'text/css');
+				if (id) {
+					style.setAttribute('id', id);
+				}
+				if (!style.styleSheet) {
+					style.appendChild(document.createTextNode(cssText));
+				}
+				document.getElementsByTagName('head')[0].appendChild(style);
+				if (style.styleSheet) { // IE compatible
+					document.styleSheets[document.styleSheets.length-1].cssText = cssText;
+				}
+			};
 
 		// development mode
 		if (_devMode) {
@@ -301,28 +316,15 @@
 		// CSS
 		if (!document.getElementById('colorPickerCSS')) { // only once needed
 			// CSS - system
-			style = document.createElement('style');
-			style.setAttribute('type', 'text/css');
-			style.setAttribute('id', 'colorPickerCSS');
-
 			_data._cssFunc = _data._cssFunc.
 				replace(/§/g, prefix).
 				replace('_patches.png', !_isIE ? urlData + _data._patchesPng : _options.imagePath + '_patches.png').
 				replace('_vertical.png', !_isIE ? urlData + _data._verticalPng : _options.imagePath + '_vertical.png').
 				replace('_horizontal.png', !_isIE ? urlData + _data._horizontalPng :
 					_options.imagePath + '_horizontal.png');
-			if (!style.styleSheet) {
-				style.appendChild(document.createTextNode(_data._cssFunc));
-			}
-			document.getElementsByTagName('head')[0].appendChild(style);
-			if (style.styleSheet) { // IE compatible
-				document.styleSheets[document.styleSheets.length-1].cssText = _data._cssFunc;
-			}
-
+			addStyleSheet(_data._cssFunc, 'colorPickerCSS');
 			// CSS - main
 			if (!_options.customCSS) {
-				style = document.createElement('style');
-				style.setAttribute('type', 'text/css');
 				_data._cssMain = _data._cssMain.
 					replace(/§/g, prefix).
 					replace('_bgs.png', !_isIE ? urlData + _data._bgsPng : _options.imagePath + '_bgs.png').
@@ -330,20 +332,14 @@
 					replace('_blank.png', !_isIE ? urlData + _data._blankPng : _options.imagePath + '_blank.cur').
 					replace('"Courier New",', !_isIE ? '' : '"Courier New",');
 				// style.appendChild(document.createTextNode(_data._cssFunc));
-				if (!style.styleSheet) {
-					style.appendChild(document.createTextNode(_data._cssMain));
-				}
-				document.getElementsByTagName('head')[0].appendChild(style);
-				if (style.styleSheet) { // IE compatible
-					document.styleSheets[document.styleSheets.length-1].cssText = _data._cssMain;
-				}
+				addStyleSheet(_data._cssMain);
 			}
 			for (var n in _data) { // almost 25k of memory ;o)
 				_data[n] = null;
 			}
 		}
 
-		app.children[0].style.cssText = _options.initStyle || '';
+		app.children[0].style.cssText = _options.initStyle || ''; // for initial hiding...
 
 		return (_options.appenTo || document.body).appendChild(app.children[0]);
 	}
diff --git a/developer/_bgs.png b/developer/_bgs.png
new file mode 100644
index 0000000000000000000000000000000000000000..d830a9a8a250ddee8ac41e09ec7273b1e7a4ec28
GIT binary patch
literal 1346
zcma)+eN0nl6vi+35du@efl!&2;1ucyg^h?1BB+4FF{~{x0<NWMg%q*D0=2gE5}i>{
z=(?4GL0Tgy@uMoSSdm+hv4&bpSv1l~<z6=m1zRk(*6x<l?y|-B&rJ5u?|pOfo|EUv
zllRn;vUe}@U+oV7z_QG*(#Qbd6M@}XeoHZCxz^NU2d*MLzk<R#T*09qV*oo2u?{dI
zGRx@23^Id$h+F=MkqiKfjhSgXa*mH$#tJEgxnWCRe$Ni{`{R6TLHkJ6b;q}I@ACj6
zH2X^ckttkN$SmD-`o};L&v&JMRB)k|r#aow7*{R9J(#PiwzO`TUGB3g=fT*~2|4u^
zRXJK&t>?@;ovvLWHI&OWz>>w$5&r|JK0eVAA4L%<U~06hbnGeg=9X7L!{h(^wZ9)W
z;R6=6kIuM6F*Uxvu)=o_kyUmnC+nG_cV`z9hPZaG1{(J9>Bv~<Af*ESeqsD50S+#<
z4z(nBV@&p&!Wv+2KPLUsf{9t(?*WIgHeUZiF*pz_1_#C-w=DUR1w+cBnvNoD!oOpZ
z-<`aWz=El<4=J(loqw{H*RO3!U=hP!62dS+!GRc-4%gC_EFz^oe7TAw%iFZNq_VPW
z+tISJ+(=I3iuCQ8!Qx@bGSj$5qoF5NP}V*k6eDSCg^ngssfd;)Iqxpi84LzWB9TbM
zr%7sGH0&2bq1{2<IPP{l1+Iqz&4xs)#j@E1$>s78?t0r(HGc9SZTqKY;X0`-??$6a
zrIH>Kc-&|=KMSQByOO20Q)+XkAjO8}BWf;(<J`G%9ug339q9c#cV>4P&xx!Vy}@WU
z0cqeTf<l$s?Ur3^8Ja9cn{7kn-XPRY?p=wVAb`kY)XiqI6FCL4kx&$&#7yp055`ID
zjrl|q%rEz3wC%fTotX(y5GTS##NEBPL@$^`KwcFNqgBSQ<7hfgBu%StX>Hx|8ma1O
zwR*EP&Pdu>C@3*S!1WAbB0Ukd0^=D`N*(&=3<CtcN2s^;3%(u+!2)ol{RaB3-O<r0
zL8$B)IEX^6(<2Rz)9N0P>3|?%GQ1P6+b?|4ki5n|CrUZ%K*sr9YSo;zzkkOT1Qy%p
zSnDS`)wd4{HjjC9TCJ9Dyo`V1qH9BuQ1OV+9yjJq?`t1aj<ZuAUL&WzkMo~QKfnWK
zTz~e8t}v{TxzTWPPxTeClUeb^Rbp)WOYugnqW&O<TflvqzRBeH`1sFEL%e-Sgca#W
zf3{^CVOHr7kDfFzFrYM$Emv?j-1M&}VBXVAG#ZQO_PA*n7P`L}u~Q|wsi_k9RMm?n
z=eV0oBo!YyV&T(XUxlaz-p^m3t5=)LJr{)(&o*oQ^mibi@7@o2=C>i;_XV9z(K2bh
z<4hd5!Pcg}QSOnlCC$zGwR-P*+X3T@+AgxsKmUfiRi_9yD=#|zE16xRImy%+wF;KL
zb@EdxH$+86k+pW>!RpOAFO$u_`;51XsW5=t0as7AV)s;^MwVx8cQXiJu7=iROSs}L
zBY;iblC3RDzEUo@D;Frl346GA#rQ_sPh@!GM5_n7cQ5bS+xaTv^z?MoJeSFQm8)P4
zy08Sy9>)o#=c-ufvg+fJ>EZf}HuJg&?1Oz|Ww_UYezCwnUrga|AuE<+OA*LS&rZ9w
Hv*_gC433A$

literal 0
HcmV?d00001

diff --git a/developer/_blank.cur b/developer/_blank.cur
new file mode 100644
index 0000000000000000000000000000000000000000..bbe2bce38546841d6d8d5fc8ffffcfff799f4be3
GIT binary patch
literal 102
xcmZQzU}9ioU}0fm0D%A?76W1pAZ7t#4j^U(LJ$xDlbFQ+|Nk)rKLACLF#yU<2X_Df

literal 0
HcmV?d00001

diff --git a/developer/_blank.png b/developer/_blank.png
new file mode 100644
index 0000000000000000000000000000000000000000..b34b41352cba1372f70af3c53c72d04c6bd075f2
GIT binary patch
literal 70
zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k92}1TpU9<t|$Na|KHx2f#W|jW8SV6
QkAM;kp00i_>zopr0M&XB_W%F@

literal 0
HcmV?d00001

diff --git a/developer/_horizontal.png b/developer/_horizontal.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaa6bd005debce286952a25e776d7019f5f11462
GIT binary patch
literal 392
zcmV;30eAk1P)<h;3K|Lk000e1NJLTq00e*l000391^@s6rVG_H0003`Nkl<ZcwX(2
z-Hw7V5QT>-h_W$(J72-~@p%j{=__!@g;^AV&e^K#HVs)uQ}-u9l9P`)?X=U$1OPzS
zk4MQD^@!j9;$i^`4I@{AC;C5eCM%+bT(wvBeP7Qn|M?AgHPyc(zm%_tJs$c8O?~@R
zVrjj{*EuG7r>iP*{s%lU$D_c3oLWf*JiH#ZPj4y3#2!TrtRD`B#3Pm-^ZWBW2LJ>?
z027~ei(TJJ@Wpe4JTZQDJ-+u^`n_M`cX>Yjy6awMhEht3g?-}r_tLjsheP*htudKQ
zdhG4%`%Yfhb(l`4H#+B8-?D96L{W5M7=~z?2D91hLgRnMr_%{>9HXvl%;$3)k4Gd)
zf~u;pTrRQS?~!F0%Cf|2wL(!8Sg+UE?RMC1w;&?qd4493Rb~$U?fvpz>)C&oHz}pq
m%p9BfVlz9OrYUbW8~p(_!C^c5PP*d&0000<MNUMnLSTZG?zC6{

literal 0
HcmV?d00001

diff --git a/developer/_icons.png b/developer/_icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad5212b4ae1125cac0ff1915f7d8d3eadcc0a53d
GIT binary patch
literal 594
zcmeAS@N?(olHy`uVBq!ia0vp^i9qbk!3-pK@0q;@NKFXv32_C|`uh4VE-ra_dH?_a
z2XcWVkP8P85mHGR85tE76?JuW4Gj%VO-(H=Ej>Lwphfof_6`mXPEJnF&d#y1u|P{}
zYHF4&Spu{!G&I!M*!bfcwtqm&WJ`klf`K#x0}Bf)pMa#CoU*d6uB&TkXjaywNpt4x
z-hIi-kAs1MF~rlwF{I+w+pD*OnhgZl9(XjY(rusi`Cyesm%_^T|I21cq`U55EPMZn
zKlqSO+P<52Q%)T@6k{)bjKj^KNw6n@MR|=_&MS$79Jdcup0`|k;k)hH3#Tt!Q!o~i
z;GVQdYf{76S&32CQl;{Q`XZlL#!ZoZ-V!YLd!79A<-D<6n`|fFOh4$u`qObQf8~z4
zOP)vSgj6rT&0Hg1xa;2*v3X*9l6LL=^7WAZ_4_+cU2F>WHNUzpZpYW8hHY%CEFD&y
z6KZ*4=fEZq@ZN;sFawh-o8)JC_p7SEJlET;oggiG%96oB^Tw4XU)>uwnj~EPe{H;c
z|3_26f#C0M+BT=THnjHNm%q9wY{i_3EWRh)IrSM5IA;YkOmJpvaH@C_$9O<c@3EdE
zYew;o+*|u6=eaX<B}DfA5NBX{E^(;#vmJlJ)eo`?ZU-d&cVs_fv^jX|WTAhP+KQN!
a48OVMyx;t&h^jgT3V%;mKbLh*2~7ZT-10#H

literal 0
HcmV?d00001

diff --git a/developer/_patches.png b/developer/_patches.png
new file mode 100644
index 0000000000000000000000000000000000000000..7eeb9e90f5c39d929311e0d0270193f530f69bd1
GIT binary patch
literal 3082
zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxU}WH60*c&S@TZu8f%~GTi(^Pd+}k^jS%)1&
zTn@?|6+eH_R`x@jce=y=uKnVlmOWJ5vnjl2u2uQB>*ag>?C!5!(_{PG>igZf(Uarv
z@4Tr0{*Kh|cjs!?%zS=F+dBE+InNkL&W1D&28IU_4Q!0FrcPwY09wZ=#gb9O$lJic
z%fP^KLBZiQKZ68N*a4_S>M!E~Ad`W~gyX^sgm6?n1F|q1P=&w(#|Aef;a|)QFyUoD
zOMz@WDu5adfMx()z+{4?@tQoca04Sy2}_2+f{O^@E&mwc!kKPN3xG=Sr~qo@0h*!U
z(9F<_r12{|vTy=W1vp5)AcWW2Gr)ysAp#AD3ZO7E&<s#eE=JP$ml0VQDTLv|NC7`9
zO@(0=JJ1x6caR*2>=GQ-quK*^H<B=tJ-`TNU@qWhV33eokoa7Mex8$pCopW@A5C}Q
zREiwivkt>E19GZIWCrW)7qDjxpb}U%$B|^9Db}T-&g_O|=d+z)n+_<0ay?RZ1m@D=
zmBHwd1}%ATq;IJ3hGv{45x8WF%l>}qck$2v#V4(P)NBvudsO~(Ca@?47Ig6rhyR_F
z#Tui3*g?f8usElzsDma8JO$b19u@~+S%*gjummJf)De-_O_Uig0Lwy(Y9S)(7+!dl
zg`*}zt&rfVk%X~lO(tYvq|zKmErguyvBob;22yDbu45D)ih-(6%F6(Xq7qbV(IZn0
zuLeaTxVXiiRl#KesG)`<JphHl0pG@PA>Q?K3^>mvR5Y~BjmF(<GoiG_MYuiXYb-RJ
uilKH!Y|SY|Bd-ic4a^8^P%<$5VBY4#c6`_51v0?0jKR~@&t;ucLK6UANR4Lz

literal 0
HcmV?d00001

diff --git a/developer/_vertical.png b/developer/_vertical.png
new file mode 100644
index 0000000000000000000000000000000000000000..4870bc20bbd154a9673344053c29287e8b42333e
GIT binary patch
literal 1241
zcmV;~1Sb25P)<h;3K|Lk000e1NJLTq0003102jar1^@s6XV|OQ0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$dr3q=RCwC$oZnKbFc8L*h1S|S&ghlC
zf<BM0;JvTq1NjPir8ADz{y{jqOEj1U4n4)vGkm@H`R#79gb<QYr<lAb3Nj`)0MG+$
zQ5edN0f2sh@dxyWLV$$;=m)0I{a-GF5CHZK9f0TvpfB*_2NnXLUtl8)^aEagE!JP4
zxBXus-~Y*I1pXBX`d}yUOqk~YuwNK!ZK3m@!99riZ|~6E9~IN7$eG}zPMvgBWWj&w
zO^!Yn1Zw+0ZISgz&hSJq`&NP3BG979L?7bbzA<l9I~JMAxt$1Nsy48F5x!D<$Tz_}
zqG|&ziUj6bhvG;uj$qW%H$JQ^GAL*zJsDu#($`_2!z@N`tMO07d>saUIg4H@vx;Ed
z($`_2vn(UITH~LH`8o{zau(7@##IFCmcH!+-DGJ>|NZ=HDvu*jP<vDf`T(j&CI5sg
z0001n1O5KR@Ba)|11RkOpa!7Iub#_)y_NGH006+?V2iIGfdBvi3=IYP004kN!aW#c
zBMbn*;J`mWVx>RA1ONaS6fF7x0Dys_!1FHv0E2!A#uuRg01OW9{X^IY0{}2M$nQT=
z`6qA;R2SGUMu*Xi5ap|jKR-VWWmyJni}LqJhcnFnyYW}PKga!?EB_0)a4xTXY99@J
zs?^t<&j*@Sa|>c7-)b8z2z)_4jRw9JeHFBi-;)&&s2N0k5e;}>t*J^|8kn_;?;fWD
zbG=?y1A(bnE|(iV#ryla>!BdPpPZ5;$tg|KoQ{r;aymOZ%VqwvG6*f*+}x1(NTMX=
zNNP~|;Vf0?9nVMG2q?IH8$LddxXEW;4S19LszFINho)DxrcC!0pPIg$n!bpS#sbaI
z9`dHPH1PRyK{V#m<JOu%`^tBnG^*Naz6JhNW7TR?wTOPBGXHUntOE9B(gz!6Z6HXn
zOTJ7-p{gK@FUJjcrb11v=9MP!;2|H+#~-J(nnHc6)ygRa-)~OweVNH^n$g9@MONOw
zx3{+`&1SQdMx#+G<x&~DDSdo=IFs`^#fPXWKDYz7stVm%dZmR`DSS0wPEB3kn)CUn
zPgR>Vs1eH-qzcN_LEfMES#ARP+!j)IAs1><n!ET^@i7+C?bULDPs?!w7PR0`>Ep@Q
znbYZXQC{D>ySs^8^N9o|Qf?xt95|ozaWfn^v-2s`)POG+_%usU*GD5TJQA1Y{{B9p
zr>Cb>X8w&!>z__yDu(9h_UJm_FFb^p<ofzLp_i8zw|wd(pld*E#R+C=uVQA4Kr{Za
z+TL*J?K||Bcz(S<!X~=exw^Wt^ziUt>GJZ@(&OW!rStQ1OV7{GmQGJkExo?JT3Ku?
z&F6DV$H&K3))`Ba$;8S8Wo4?eGL$Wi$73r~i&NgmlZ=(s%0*T2xVJL@Z77~;tlSVz
z#mf1pD%rNm-Q$#xdS5IWQ?VL>veI|5oeq^R*X(OnEm}~kwm(Mmal1Y@Rl3M|pPIFZ
zm5XI=uG?0%ZA;r$b#s=xw59FQc4<}D{kMIaTW0<P$L_@kDsk_*00000NkvXXu0mjf
D=&xDg

literal 0
HcmV?d00001

diff --git a/developer/colorPicker.css b/developer/colorPicker.css
index e126cd6..636a497 100644
--- a/developer/colorPicker.css
+++ b/developer/colorPicker.css
@@ -328,7 +328,7 @@
 	top: 10px;
 	right: 10px;
 	bottom: 10px;
-	width: 96px;
+	width: 94px;
 	background-color: #333;
 	border: 1px solid;
 	border-color: #222 #555 #555 #222;
@@ -429,11 +429,15 @@
 .cp-panel .hsl-mode {
 	position: absolute;
 	right: 0;
-	top: 0; /* IE 7 */
-	height: 52px;
+	top: 1px; /* IE 7 */
+	height: 50px;
+}
+.cp-panel .hsv-mode,
+.cp-panel .hsl-mode {
+	top: 2px; /* IE 7 */
 }
 .cp-panel .cmyk-mode {
-	height: 70px;
+	height: 68px;
 }
 .hsl-h .hsl-h-labl,
 .hsl-s .hsl-s-labl,
@@ -572,7 +576,7 @@
 	border: 1px solid;
 	border-color: #555 #222 #222 #555;
 	float: left;
-	width: 47px; width: 46px; /* IE7 */
+	width: 47px; width: 45px; /* IE7 */
 	line-height: 28px;
 	text-align: center;
 	top: 0;
diff --git a/index.js b/index.js
index 915cbef..f14da30 100644
--- a/index.js
+++ b/index.js
@@ -4,6 +4,7 @@
 
 	if (1 === 2) { // to run ColorPicker on its own....
 		myColor = window.myColor = new window.ColorPicker({
+			imagePath: 'images/' // IE8-
 			// customCSS: true
 		});
 		return;
@@ -423,7 +424,7 @@
 		renderCallback = doRender,
 		// finally the instance of either ColorPicker or Colors (export for debugging purposes)
 		color_ColorPicker = new (ColorPicker || Colors)({
-			customBG: '#808080',
+			customBG: '#808080'
 			// renderCallback: renderCallback, // doesn't work in Colors, but also doesn't matter
 			// convertCallback: function(color, type){console.log(color, type)}
 			// resizeCallback: function(e, value, scale, original){console.log(e, value, scale, original)}