sketchily 0.0.2

data/vendor/assets/svg-edit-2.6/jgraduate/jpicker.min.js

@@ -0,0 +1 @@
+(function(e,a){Math.precision=function(j,h){if(h===undefined){h=0}return Math.round(j*Math.pow(10,h))/Math.pow(10,h)};var d=function(z,k){var o=this,j=z.find("img:first"),F=0,E=100,w=100,D=0,C=100,v=100,s=0,p=0,n,q,u=new Array(),l=function(y){for(var x=0;x<u.length;x++){u[x].call(o,o,y)}},H=function(x){var y=z.offset();n={l:y.left|0,t:y.top|0};clearTimeout(q);q=setTimeout(function(){A.call(o,x)},0);e(document).bind("mousemove",h).bind("mouseup",B);x.preventDefault()},h=function(x){clearTimeout(q);q=setTimeout(function(){A.call(o,x)},0);x.stopPropagation();x.preventDefault();return false},B=function(x){e(document).unbind("mouseup",B).unbind("mousemove",h);x.stopPropagation();x.preventDefault();return false},A=function(M){var K=M.pageX-n.l,x=M.pageY-n.t,L=z.w,y=z.h;if(K<0){K=0}else{if(K>L){K=L}}if(x<0){x=0}else{if(x>y){x=y}}J.call(o,"xy",{x:((K/L)*w)+F,y:((x/y)*v)+D})},r=function(){var L=0,x=0,N=z.w,K=z.h,M=j.w,y=j.h;setTimeout(function(){if(w>0){if(s==E){L=N}else{L=((s/w)*N)|0}}if(v>0){if(p==C){x=K}else{x=((p/v)*K)|0}}if(M>=N){L=(N>>1)-(M>>1)}else{L-=M>>1}if(y>=K){x=(K>>1)-(y>>1)}else{x-=y>>1}j.css({left:L+"px",top:x+"px"})},0)},J=function(x,K,y){var O=K!==undefined;if(!O){if(x===undefined||x==null){x="xy"}switch(x.toLowerCase()){case"x":return s;case"y":return p;case"xy":default:return{x:s,y:p}}}if(y!=null&&y==o){return}var N=false,M,L;if(x==null){x="xy"}switch(x.toLowerCase()){case"x":M=K&&(K.x&&K.x|0||K|0)||0;break;case"y":L=K&&(K.y&&K.y|0||K|0)||0;break;case"xy":default:M=K&&K.x&&K.x|0||0;L=K&&K.y&&K.y|0||0;break}if(M!=null){if(M<F){M=F}else{if(M>E){M=E}}if(s!=M){s=M;N=true}}if(L!=null){if(L<D){L=D}else{if(L>C){L=C}}if(p!=L){p=L;N=true}}N&&l.call(o,y||o)},t=function(x,L){var P=L!==undefined;if(!P){if(x===undefined||x==null){x="all"}switch(x.toLowerCase()){case"minx":return F;case"maxx":return E;case"rangex":return{minX:F,maxX:E,rangeX:w};case"miny":return D;case"maxy":return C;case"rangey":return{minY:D,maxY:C,rangeY:v};case"all":default:return{minX:F,maxX:E,rangeX:w,minY:D,maxY:C,rangeY:v}}}var O=false,N,K,M,y;if(x==null){x="all"}switch(x.toLowerCase()){case"minx":N=L&&(L.minX&&L.minX|0||L|0)||0;break;case"maxx":K=L&&(L.maxX&&L.maxX|0||L|0)||0;break;case"rangex":N=L&&L.minX&&L.minX|0||0;K=L&&L.maxX&&L.maxX|0||0;break;case"miny":M=L&&(L.minY&&L.minY|0||L|0)||0;break;case"maxy":y=L&&(L.maxY&&L.maxY|0||L|0)||0;break;case"rangey":M=L&&L.minY&&L.minY|0||0;y=L&&L.maxY&&L.maxY|0||0;break;case"all":default:N=L&&L.minX&&L.minX|0||0;K=L&&L.maxX&&L.maxX|0||0;M=L&&L.minY&&L.minY|0||0;y=L&&L.maxY&&L.maxY|0||0;break}if(N!=null&&F!=N){F=N;w=E-F}if(K!=null&&E!=K){E=K;w=E-F}if(M!=null&&D!=M){D=M;v=C-D}if(y!=null&&C!=y){C=y;v=C-D}},I=function(x){if(e.isFunction(x)){u.push(x)}},m=function(y){if(!e.isFunction(y)){return}var x;while((x=e.inArray(y,u))!=-1){u.splice(x,1)}},G=function(){e(document).unbind("mouseup",B).unbind("mousemove",h);z.unbind("mousedown",H);z=null;j=null;u=null};e.extend(true,o,{val:J,range:t,bind:I,unbind:m,destroy:G});j.src=k.arrow&&k.arrow.image;j.w=k.arrow&&k.arrow.width||j.width();j.h=k.arrow&&k.arrow.height||j.height();z.w=k.map&&k.map.width||z.width();z.h=k.map&&k.map.height||z.height();z.bind("mousedown",H);I.call(o,r)},b=function(u,z,k,y){var q=this,l=u.find("td.Text input"),r=l.eq(3),v=l.eq(4),h=l.eq(5),o=l.length>7?l.eq(6):null,n=l.eq(0),p=l.eq(1),x=l.eq(2),s=l.eq(l.length>7?7:6),B=l.length>7?l.eq(8):null,w=function(D){if(D.target.value==""&&D.target!=s.get(0)&&(k!=null&&D.target!=k.get(0)||k==null)){return}if(!t(D)){return D}switch(D.target){case r.get(0):r.val(j.call(q,r.val(),0,255));z.val("r",r.val(),D.target);break;case v.get(0):v.val(j.call(q,v.val(),0,255));z.val("g",v.val(),D.target);break;case h.get(0):h.val(j.call(q,h.val(),0,255));z.val("b",h.val(),D.target);break;case o&&o.get(0):o.val(j.call(q,o.val(),0,100));z.val("a",Math.precision((o.val()*255)/100,y),D.target);break;case n.get(0):n.val(j.call(q,n.val(),0,360));z.val("h",n.val(),D.target);break;case p.get(0):p.val(j.call(q,p.val(),0,100));z.val("s",p.val(),D.target);break;case x.get(0):x.val(j.call(q,x.val(),0,100));z.val("v",x.val(),D.target);break;case s.get(0):s.val(s.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6));k&&k.val(s.val());z.val("hex",s.val()!=""?s.val():null,D.target);break;case k&&k.get(0):k.val(k.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,6));s.val(k.val());z.val("hex",k.val()!=""?k.val():null,D.target);break;case B&&B.get(0):B.val(B.val().replace(/[^a-fA-F0-9]/g,"").toLowerCase().substring(0,2));z.val("a",B.val()!=null?parseInt(B.val(),16):null,D.target);break}},A=function(D){if(z.val()!=null){switch(D.target){case r.get(0):r.val(z.val("r"));break;case v.get(0):v.val(z.val("g"));break;case h.get(0):h.val(z.val("b"));break;case o&&o.get(0):o.val(Math.precision((z.val("a")*100)/255,y));break;case n.get(0):n.val(z.val("h"));break;case p.get(0):p.val(z.val("s"));break;case x.get(0):x.val(z.val("v"));break;case s.get(0):case k&&k.get(0):s.val(z.val("hex"));k&&k.val(z.val("hex"));break;case B&&B.get(0):B.val(z.val("ahex").substring(6));break}}},t=function(D){switch(D.keyCode){case 9:case 16:case 29:case 37:case 38:case 40:return false;case"c".charCodeAt():case"v".charCodeAt():if(D.ctrlKey){return false}}return true},j=function(F,E,D){if(F==""||isNaN(F)){return E}if(F>D){return D}if(F<E){return E}return F},m=function(F,D){var E=F.val("all");if(D!=r.get(0)){r.val(E!=null?E.r:"")}if(D!=v.get(0)){v.val(E!=null?E.g:"")}if(D!=h.get(0)){h.val(E!=null?E.b:"")}if(o&&D!=o.get(0)){o.val(E!=null?Math.precision((E.a*100)/255,y):"")}if(D!=n.get(0)){n.val(E!=null?E.h:"")}if(D!=p.get(0)){p.val(E!=null?E.s:"")}if(D!=x.get(0)){x.val(E!=null?E.v:"")}if(D!=s.get(0)&&(k&&D!=k.get(0)||!k)){s.val(E!=null?E.hex:"")}if(k&&D!=k.get(0)&&D!=s.get(0)){k.val(E!=null?E.hex:"")}if(B&&D!=B.get(0)){B.val(E!=null?E.ahex.substring(6):"")}},C=function(){r.add(v).add(h).add(o).add(n).add(p).add(x).add(s).add(k).add(B).unbind("keyup",w).unbind("blur",A);z.unbind(m);r=null;v=null;h=null;o=null;n=null;p=null;x=null;s=null;B=null};e.extend(true,q,{destroy:C});r.add(v).add(h).add(o).add(n).add(p).add(x).add(s).add(k).add(B).bind("keyup",w).bind("blur",A);z.bind(m)};e.jPicker={List:[],Color:function(z){var q=this,j,o,t,u,n,A,x,k=new Array(),m=function(r){for(var h=0;h<k.length;h++){k[h].call(q,q,r)}},l=function(h,G,r){var F=G!==undefined;if(!F){if(h===undefined||h==null||h==""){h="all"}if(j==null){return null}switch(h.toLowerCase()){case"ahex":return g.rgbaToHex({r:j,g:o,b:t,a:u});case"hex":return l("ahex").substring(0,6);case"all":return{r:j,g:o,b:t,a:u,h:n,s:A,v:x,hex:l.call(q,"hex"),ahex:l.call(q,"ahex")};default:var D={};for(var B=0;B<h.length;B++){switch(h.charAt(B)){case"r":if(h.length==1){D=j}else{D.r=j}break;case"g":if(h.length==1){D=o}else{D.g=o}break;case"b":if(h.length==1){D=t}else{D.b=t}break;case"a":if(h.length==1){D=u}else{D.a=u}break;case"h":if(h.length==1){D=n}else{D.h=n}break;case"s":if(h.length==1){D=A}else{D.s=A}break;case"v":if(h.length==1){D=x}else{D.v=x}break}}return D=={}?l.call(q,"all"):D;break}}if(r!=null&&r==q){return}var v=false;if(h==null){h=""}if(G==null){if(j!=null){j=null;v=true}if(o!=null){o=null;v=true}if(t!=null){t=null;v=true}if(u!=null){u=null;v=true}if(n!=null){n=null;v=true}if(A!=null){A=null;v=true}if(x!=null){x=null;v=true}v&&m.call(q,r||q);return}switch(h.toLowerCase()){case"ahex":case"hex":var D=g.hexToRgba(G&&(G.ahex||G.hex)||G||"00000000");l.call(q,"rgba",{r:D.r,g:D.g,b:D.b,a:h=="ahex"?D.a:u!=null?u:255},r);break;default:if(G&&(G.ahex!=null||G.hex!=null)){l.call(q,"ahex",G.ahex||G.hex||"00000000",r);return}var s={},E=false,C=false;if(G.r!==undefined&&!h.indexOf("r")==-1){h+="r"}if(G.g!==undefined&&!h.indexOf("g")==-1){h+="g"}if(G.b!==undefined&&!h.indexOf("b")==-1){h+="b"}if(G.a!==undefined&&!h.indexOf("a")==-1){h+="a"}if(G.h!==undefined&&!h.indexOf("h")==-1){h+="h"}if(G.s!==undefined&&!h.indexOf("s")==-1){h+="s"}if(G.v!==undefined&&!h.indexOf("v")==-1){h+="v"}for(var B=0;B<h.length;B++){switch(h.charAt(B)){case"r":if(C){continue}E=true;s.r=G&&G.r&&G.r|0||G&&G|0||0;if(s.r<0){s.r=0}else{if(s.r>255){s.r=255}}if(j!=s.r){j=s.r;v=true}break;case"g":if(C){continue}E=true;s.g=G&&G.g&&G.g|0||G&&G|0||0;if(s.g<0){s.g=0}else{if(s.g>255){s.g=255}}if(o!=s.g){o=s.g;v=true}break;case"b":if(C){continue}E=true;s.b=G&&G.b&&G.b|0||G&&G|0||0;if(s.b<0){s.b=0}else{if(s.b>255){s.b=255}}if(t!=s.b){t=s.b;v=true}break;case"a":s.a=G&&G.a!=null?G.a|0:G!=null?G|0:255;if(s.a<0){s.a=0}else{if(s.a>255){s.a=255}}if(u!=s.a){u=s.a;v=true}break;case"h":if(E){continue}C=true;s.h=G&&G.h&&G.h|0||G&&G|0||0;if(s.h<0){s.h=0}else{if(s.h>360){s.h=360}}if(n!=s.h){n=s.h;v=true}break;case"s":if(E){continue}C=true;s.s=G&&G.s!=null?G.s|0:G!=null?G|0:100;if(s.s<0){s.s=0}else{if(s.s>100){s.s=100}}if(A!=s.s){A=s.s;v=true}break;case"v":if(E){continue}C=true;s.v=G&&G.v!=null?G.v|0:G!=null?G|0:100;if(s.v<0){s.v=0}else{if(s.v>100){s.v=100}}if(x!=s.v){x=s.v;v=true}break}}if(v){if(E){j=j||0;o=o||0;t=t||0;var D=g.rgbToHsv({r:j,g:o,b:t});n=D.h;A=D.s;x=D.v}else{if(C){n=n||0;A=A!=null?A:100;x=x!=null?x:100;var D=g.hsvToRgb({h:n,s:A,v:x});j=D.r;o=D.g;t=D.b}}u=u!=null?u:255;m.call(q,r||q)}break}},p=function(h){if(e.isFunction(h)){k.push(h)}},y=function(r){if(!e.isFunction(r)){return}var h;while((h=e.inArray(r,k))!=-1){k.splice(h,1)}},w=function(){k=null};e.extend(true,q,{val:l,bind:p,unbind:y,destroy:w});if(z){if(z.ahex!=null){l("ahex",z)}else{if(z.hex!=null){l((z.a!=null?"a":"")+"hex",z.a!=null?{ahex:z.hex+g.intToHex(z.a)}:z)}else{if(z.r!=null&&z.g!=null&&z.b!=null){l("rgb"+(z.a!=null?"a":""),z)}else{if(z.h!=null&&z.s!=null&&z.v!=null){l("hsv"+(z.a!=null?"a":""),z)}}}}}},ColorMethods:{hexToRgba:function(m){m=this.validateHex(m);if(m==""){return{r:null,g:null,b:null,a:null}}var l="00",k="00",h="00",j="255";if(m.length==6){m+="ff"}if(m.length>6){l=m.substring(0,2);k=m.substring(2,4);h=m.substring(4,6);j=m.substring(6,m.length)}else{if(m.length>4){l=m.substring(4,m.length);m=m.substring(0,4)}if(m.length>2){k=m.substring(2,m.length);m=m.substring(0,2)}if(m.length>0){h=m.substring(0,m.length)}}return{r:this.hexToInt(l),g:this.hexToInt(k),b:this.hexToInt(h),a:this.hexToInt(j)}},validateHex:function(h){h=h.toLowerCase().replace(/[^a-f0-9]/g,"");if(h.length>8){h=h.substring(0,8)}return h},rgbaToHex:function(h){return this.intToHex(h.r)+this.intToHex(h.g)+this.intToHex(h.b)+this.intToHex(h.a)},intToHex:function(j){var h=(j|0).toString(16);if(h.length==1){h=("0"+h)}return h.toLowerCase()},hexToInt:function(h){return parseInt(h,16)},rgbToHsv:function(l){var o=l.r/255,n=l.g/255,j=l.b/255,k={h:0,s:0,v:0},m=0,h=0,p;if(o>=n&&o>=j){h=o;m=n>j?j:n}else{if(n>=j&&n>=o){h=n;m=o>j?j:o}else{h=j;m=n>o?o:n}}k.v=h;k.s=h?(h-m)/h:0;if(!k.s){k.h=0}else{p=h-m;if(o==h){k.h=(n-j)/p}else{if(n==h){k.h=2+(j-o)/p}else{k.h=4+(o-n)/p}}k.h=parseInt(k.h*60);if(k.h<0){k.h+=360}}k.s=(k.s*100)|0;k.v=(k.v*100)|0;return k},hsvToRgb:function(n){var r={r:0,g:0,b:0,a:100},m=n.h,x=n.s,u=n.v;if(x==0){if(u==0){r.r=r.g=r.b=0}else{r.r=r.g=r.b=(u*255/100)|0}}else{if(m==360){m=0}m/=60;x=x/100;u=u/100;var l=m|0,o=m-l,k=u*(1-x),j=u*(1-(x*o)),w=u*(1-(x*(1-o)));switch(l){case 0:r.r=u;r.g=w;r.b=k;break;case 1:r.r=j;r.g=u;r.b=k;break;case 2:r.r=k;r.g=u;r.b=w;break;case 3:r.r=k;r.g=j;r.b=u;break;case 4:r.r=w;r.g=k;r.b=u;break;case 5:r.r=u;r.g=k;r.b=j;break}r.r=(r.r*255)|0;r.g=(r.g*255)|0;r.b=(r.b*255)|0}return r}}};var f=e.jPicker.Color,c=e.jPicker.List,g=e.jPicker.ColorMethods;e.fn.jPicker=function(j){var h=arguments;return this.each(function(){var w=this,av=e.extend(true,{},e.fn.jPicker.defaults,j);if(e(w).get(0).nodeName.toLowerCase()=="input"){e.extend(true,av,{window:{bindToInput:true,expandable:true,input:e(w)}});if(e(w).val()==""){av.color.active=new f({hex:null});av.color.current=new f({hex:null})}else{if(g.validateHex(e(w).val())){av.color.active=new f({hex:e(w).val(),a:av.color.active.val("a")});av.color.current=new f({hex:e(w).val(),a:av.color.active.val("a")})}}}if(av.window.expandable){e(w).after('<span class="jPicker"><span class="Icon"><span class="Color">&nbsp;</span><span class="Alpha">&nbsp;</span><span class="Image" title="Click To Open Color Picker">&nbsp;</span><span class="Container">&nbsp;</span></span></span>')}else{av.window.liveUpdate=false}var Q=parseFloat(navigator.appVersion.split("MSIE")[1])<7&&document.body.filters,R=null,l=null,s=null,au=null,at=null,ar=null,P=null,O=null,N=null,M=null,L=null,K=null,D=null,U=null,aw=null,J=null,I=null,am=null,ai=null,E=null,an=null,ah=null,X=null,ab=null,aq=null,r=null,C=null,u=null,ag=function(aB){var aD=G.active,aE=n.clientPath,aA=aD.val("hex"),aC,az;av.color.mode=aB;switch(aB){case"h":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,0);Y.call(w,au,100);x.call(w,at,260);Y.call(w,at,100);y.call(w,s,"transparent");x.call(w,P,0);Y.call(w,P,100);x.call(w,O,260);Y.call(w,O,100);x.call(w,N,260);Y.call(w,N,100);x.call(w,M,260);Y.call(w,M,100);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:100,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:360});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("s"),y:100-aD.val("v")},D);U.val("y",360-aD.val("h"),U);break;case"s":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,-260);x.call(w,at,-520);x.call(w,P,-260);x.call(w,O,-520);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:100});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("v")},D);U.val("y",100-aD.val("s"),U);break;case"v":setTimeout(function(){y.call(w,l,"000000");x.call(w,au,-780);x.call(w,at,260);y.call(w,s,aA);x.call(w,P,-520);x.call(w,O,260);Y.call(w,O,100);x.call(w,K,260);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:100});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("s")},D);U.val("y",100-aD.val("v"),U);break;case"r":aC=-1040;az=-780;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("b"),y:255-aD.val("g")},D);U.val("y",255-aD.val("r"),U);break;case"g":aC=-1560;az=-1820;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("b"),y:255-aD.val("r")},D);U.val("y",255-aD.val("g"),U);break;case"b":aC=-2080;az=-2860;D.range("all",{minX:0,maxX:255,minY:0,maxY:255});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("r"),y:255-aD.val("g")},D);U.val("y",255-aD.val("b"),U);break;case"a":setTimeout(function(){y.call(w,l,"transparent");x.call(w,au,-260);x.call(w,at,-520);x.call(w,P,260);x.call(w,O,260);Y.call(w,O,100);x.call(w,K,0);Y.call(w,K,100)},0);D.range("all",{minX:0,maxX:360,minY:0,maxY:100});U.range("rangeY",{minY:0,maxY:255});if(aD.val("ahex")==null){break}D.val("xy",{x:aD.val("h"),y:100-aD.val("v")},D);U.val("y",255-aD.val("a"),U);break;default:throw ("Invalid Mode");break}switch(aB){case"h":break;case"s":case"v":case"a":setTimeout(function(){Y.call(w,au,100);Y.call(w,P,100);x.call(w,N,260);Y.call(w,N,100);x.call(w,M,260);Y.call(w,M,100)},0);break;case"r":case"g":case"b":setTimeout(function(){y.call(w,l,"transparent");y.call(w,s,"transparent");Y.call(w,P,100);Y.call(w,au,100);x.call(w,au,aC);x.call(w,at,aC-260);x.call(w,P,az-780);x.call(w,O,az-520);x.call(w,N,az);x.call(w,M,az-260);x.call(w,K,260);Y.call(w,K,100)},0);break}if(aD.val("ahex")==null){return}aj.call(w,aD)},aj=function(aA,az){if(az==null||(az!=U&&az!=D)){v.call(w,aA,az)}setTimeout(function(){ay.call(w,aA);al.call(w,aA);W.call(w,aA)},0)},z=function(aA,az){var aC=G.active;if(az!=D&&aC.val()==null){return}var aB=aA.val("all");switch(av.color.mode){case"h":aC.val("sv",{s:aB.x,v:100-aB.y},az);break;case"s":case"a":aC.val("hv",{h:aB.x,v:100-aB.y},az);break;case"v":aC.val("hs",{h:aB.x,s:100-aB.y},az);break;case"r":aC.val("gb",{g:255-aB.y,b:aB.x},az);break;case"g":aC.val("rb",{r:255-aB.y,b:aB.x},az);break;case"b":aC.val("rg",{r:aB.x,g:255-aB.y},az);break}},ac=function(aA,az){var aB=G.active;if(az!=U&&aB.val()==null){return}switch(av.color.mode){case"h":aB.val("h",{h:360-aA.val("y")},az);break;case"s":aB.val("s",{s:100-aA.val("y")},az);break;case"v":aB.val("v",{v:100-aA.val("y")},az);break;case"r":aB.val("r",{r:255-aA.val("y")},az);break;case"g":aB.val("g",{g:255-aA.val("y")},az);break;case"b":aB.val("b",{b:255-aA.val("y")},az);break;case"a":aB.val("a",255-aA.val("y"),az);break}},v=function(aC,az){if(az!=D){switch(av.color.mode){case"h":var aH=aC.val("sv");D.val("xy",{x:aH!=null?aH.s:100,y:100-(aH!=null?aH.v:100)},az);break;case"s":case"a":var aB=aC.val("hv");D.val("xy",{x:aB&&aB.h||0,y:100-(aB!=null?aB.v:100)},az);break;case"v":var aE=aC.val("hs");D.val("xy",{x:aE&&aE.h||0,y:100-(aE!=null?aE.s:100)},az);break;case"r":var aA=aC.val("bg");D.val("xy",{x:aA&&aA.b||0,y:255-(aA&&aA.g||0)},az);break;case"g":var aI=aC.val("br");D.val("xy",{x:aI&&aI.b||0,y:255-(aI&&aI.r||0)},az);break;case"b":var aG=aC.val("rg");D.val("xy",{x:aG&&aG.r||0,y:255-(aG&&aG.g||0)},az);break}}if(az!=U){switch(av.color.mode){case"h":U.val("y",360-(aC.val("h")||0),az);break;case"s":var aJ=aC.val("s");U.val("y",100-(aJ!=null?aJ:100),az);break;case"v":var aF=aC.val("v");U.val("y",100-(aF!=null?aF:100),az);break;case"r":U.val("y",255-(aC.val("r")||0),az);break;case"g":U.val("y",255-(aC.val("g")||0),az);break;case"b":U.val("y",255-(aC.val("b")||0),az);break;case"a":var aD=aC.val("a");U.val("y",255-(aD!=null?aD:255),az);break}}},ay=function(aA){try{var az=aA.val("all");E.css({backgroundColor:az&&"#"+az.hex||"transparent"});Y.call(w,E,az&&Math.precision((az.a*100)/255,4)||0)}catch(aB){}},al=function(aC){switch(av.color.mode){case"h":y.call(w,l,new f({h:aC.val("h")||0,s:100,v:100}).val("hex"));break;case"s":case"a":var aB=aC.val("s");Y.call(w,at,100-(aB!=null?aB:100));break;case"v":var aA=aC.val("v");Y.call(w,au,aA!=null?aA:100);break;case"r":Y.call(w,at,Math.precision((aC.val("r")||0)/255*100,4));break;case"g":Y.call(w,at,Math.precision((aC.val("g")||0)/255*100,4));break;case"b":Y.call(w,at,Math.precision((aC.val("b")||0)/255*100));break}var az=aC.val("a");Y.call(w,ar,Math.precision(((255-(az||0))*100)/255,4))},W=function(aF){switch(av.color.mode){case"h":var aH=aF.val("a");Y.call(w,L,Math.precision(((255-(aH||0))*100)/255,4));break;case"s":var aA=aF.val("hva"),aB=new f({h:aA&&aA.h||0,s:100,v:aA!=null?aA.v:100});y.call(w,s,aB.val("hex"));Y.call(w,O,100-(aA!=null?aA.v:100));Y.call(w,L,Math.precision(((255-(aA&&aA.a||0))*100)/255,4));break;case"v":var aC=aF.val("hsa"),aE=new f({h:aC&&aC.h||0,s:aC!=null?aC.s:100,v:100});y.call(w,s,aE.val("hex"));Y.call(w,L,Math.precision(((255-(aC&&aC.a||0))*100)/255,4));break;case"r":case"g":case"b":var aD=0,aG=0,az=aF.val("rgba");if(av.color.mode=="r"){aD=az&&az.b||0;aG=az&&az.g||0}else{if(av.color.mode=="g"){aD=az&&az.b||0;aG=az&&az.r||0}else{if(av.color.mode=="b"){aD=az&&az.r||0;aG=az&&az.g||0}}}var aI=aG>aD?aD:aG;Y.call(w,O,aD>aG?Math.precision(((aD-aG)/(255-aG))*100,4):0);Y.call(w,N,aG>aD?Math.precision(((aG-aD)/(255-aD))*100,4):0);Y.call(w,M,Math.precision((aI/255)*100,4));Y.call(w,L,Math.precision(((255-(az&&az.a||0))*100)/255,4));break;case"a":var aH=aF.val("a");y.call(w,s,aF.val("hex")||"000000");Y.call(w,L,aH!=null?0:100);Y.call(w,K,aH!=null?100:0);break}},y=function(az,aA){az.css({backgroundColor:aA&&aA.length==6&&"#"+aA||"transparent"})},t=function(az,aA){if(Q&&(aA.indexOf("AlphaBar.png")!=-1||aA.indexOf("Bars.png")!=-1||aA.indexOf("Maps.png")!=-1)){az.attr("pngSrc",aA);az.css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aA+"', sizingMethod='scale')"})}else{az.css({backgroundImage:"url("+aA+")"})}},x=function(az,aA){az.css({top:aA+"px"})},Y=function(aA,az){aA.css({visibility:az>0?"visible":"hidden"});if(az>0&&az<100){if(Q){var aB=aA.attr("pngSrc");if(aB!=null&&(aB.indexOf("AlphaBar.png")!=-1||aB.indexOf("Bars.png")!=-1||aB.indexOf("Maps.png")!=-1)){aA.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aB+"', sizingMethod='scale') progid:DXImageTransform.Microsoft.Alpha(opacity="+az+")"})}else{aA.css({opacity:Math.precision(az/100,4)})}}else{aA.css({opacity:Math.precision(az/100,4)})}}else{if(az==0||az==100){if(Q){var aB=aA.attr("pngSrc");if(aB!=null&&(aB.indexOf("AlphaBar.png")!=-1||aB.indexOf("Bars.png")!=-1||aB.indexOf("Maps.png")!=-1)){aA.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+aB+"', sizingMethod='scale')"})}else{aA.css({opacity:""})}}else{aA.css({opacity:""})}}}},B=function(){G.active.val("ahex",G.current.val("ahex"))},T=function(){G.current.val("ahex",G.active.val("ahex"))},A=function(az){e(this).parents("tbody:first").find('input:radio[value!="'+az.target.value+'"]').removeAttr("checked");ag.call(w,az.target.value)},Z=function(){B.call(w)},q=function(){B.call(w);av.window.expandable&&ao.call(w);e.isFunction(ax)&&ax.call(w,G.active,X)},m=function(){T.call(w);av.window.expandable&&ao.call(w);e.isFunction(ae)&&ae.call(w,G.active,ah)},af=function(){V.call(w)},ap=function(aB,az){var aA=aB.val("hex");an.css({backgroundColor:aA&&"#"+aA||"transparent"});Y.call(w,an,Math.precision(((aB.val("a")||0)*100)/255,4))},H=function(aC,az){var aB=aC.val("hex");var aA=aC.val("va");aq.css({backgroundColor:aB&&"#"+aB||"transparent"});Y.call(w,r,Math.precision(((255-(aA&&aA.a||0))*100)/255,4));if(av.window.bindToInput&&av.window.updateInputColor){av.window.input.css({backgroundColor:aB&&"#"+aB||"transparent",color:aA==null||aA.v>75?"#000000":"#ffffff"})}},S=function(aB){var az=av.window.element,aA=av.window.page;J=parseInt(R.css("left"));I=parseInt(R.css("top"));am=aB.pageX;ai=aB.pageY;e(document).bind("mousemove",k).bind("mouseup",p);aB.preventDefault()},k=function(az){R.css({left:J-(am-az.pageX)+"px",top:I-(ai-az.pageY)+"px"});if(av.window.expandable&&!e.support.boxModel){R.prev().css({left:R.css("left"),top:R.css("top")})}az.stopPropagation();az.preventDefault();return false},p=function(az){e(document).unbind("mousemove",k).unbind("mouseup",p);az.stopPropagation();az.preventDefault();return false},F=function(az){az.preventDefault();az.stopPropagation();G.active.val("ahex",e(this).attr("title")||null,az.target);return false},ae=e.isFunction(h[1])&&h[1]||null,ad=e.isFunction(h[2])&&h[2]||null,ax=e.isFunction(h[3])&&h[3]||null,V=function(){G.current.val("ahex",G.active.val("ahex"));var az=function(){if(!av.window.expandable||e.support.boxModel){return}var aA=R.find("table:first");R.before("<iframe/>");R.prev().css({width:aA.width(),height:R.height(),opacity:0,position:"absolute",left:R.css("left"),top:R.css("top")})};if(av.window.expandable){e(document.body).children("div.jPicker.Container").css({zIndex:10});R.css({zIndex:20})}switch(av.window.effects.type){case"fade":R.fadeIn(av.window.effects.speed.show,az);break;case"slide":R.slideDown(av.window.effects.speed.show,az);break;case"show":default:R.show(av.window.effects.speed.show,az);break}},ao=function(){var az=function(){if(av.window.expandable){R.css({zIndex:10})}if(!av.window.expandable||e.support.boxModel){return}R.prev().remove()};switch(av.window.effects.type){case"fade":R.fadeOut(av.window.effects.speed.hide,az);break;case"slide":R.slideUp(av.window.effects.speed.hide,az);break;case"show":default:R.hide(av.window.effects.speed.hide,az);break}},o=function(){var aG=av.window,az=aG.expandable?e(w).next().find(".Container:first"):null;R=aG.expandable?e("<div/>"):e(w);R.addClass("jPicker Container");if(aG.expandable){R.hide()}R.get(0).onselectstart=function(){return false};var aJ=G.active.val("all");if(aG.alphaPrecision<0){aG.alphaPrecision=0}else{if(aG.alphaPrecision>2){aG.alphaPrecision=2}}var aK='<table class="jPicker" cellpadding="0" cellspacing="0"><tbody>'+(aG.expandable?'<tr><td class="Move" colspan="5">&nbsp;</td></tr>':"")+'<tr><td rowspan="9"><h2 class="Title">'+(aG.title||aa.text.title)+'</h2><div class="Map"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><img src="'+n.clientPath+n.colorMap.arrow.file+'" class="Arrow"/></div></td><td rowspan="9"><div class="Bar"><span class="Map1">&nbsp;</span><span class="Map2">&nbsp;</span><span class="Map3">&nbsp;</span><span class="Map4">&nbsp;</span><span class="Map5">&nbsp;</span><span class="Map6">&nbsp;</span><img src="'+n.clientPath+n.colorBar.arrow.file+'" class="Arrow"/></div></td><td colspan="2" class="Preview">'+aa.text.newColor+'<div><span class="Active" title="'+aa.tooltips.colors.newColor+'">&nbsp;</span><span class="Current" title="'+aa.tooltips.colors.currentColor+'">&nbsp;</span></div>'+aa.text.currentColor+'</td><td rowspan="9" class="Button"><input type="button" class="Ok" value="'+aa.text.ok+'" title="'+aa.tooltips.buttons.ok+'"/><input type="button" class="Cancel" value="'+aa.text.cancel+'" title="'+aa.tooltips.buttons.cancel+'"/><hr/><div class="Grid">&nbsp;</div></td></tr><tr class="Hue"><td class="Radio"><label title="'+aa.tooltips.hue.radio+'"><input type="radio" value="h"'+(av.color.mode=="h"?' checked="checked"':"")+'/>H:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.h:"")+'" title="'+aa.tooltips.hue.textbox+'"/>&nbsp;&deg;</td></tr><tr class="Saturation"><td class="Radio"><label title="'+aa.tooltips.saturation.radio+'"><input type="radio" value="s"'+(av.color.mode=="s"?' checked="checked"':"")+'/>S:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.s:"")+'" title="'+aa.tooltips.saturation.textbox+'"/>&nbsp;%</td></tr><tr class="Value"><td class="Radio"><label title="'+aa.tooltips.value.radio+'"><input type="radio" value="v"'+(av.color.mode=="v"?' checked="checked"':"")+'/>V:</label><br/><br/></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.v:"")+'" title="'+aa.tooltips.value.textbox+'"/>&nbsp;%<br/><br/></td></tr><tr class="Red"><td class="Radio"><label title="'+aa.tooltips.red.radio+'"><input type="radio" value="r"'+(av.color.mode=="r"?' checked="checked"':"")+'/>R:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.r:"")+'" title="'+aa.tooltips.red.textbox+'"/></td></tr><tr class="Green"><td class="Radio"><label title="'+aa.tooltips.green.radio+'"><input type="radio" value="g"'+(av.color.mode=="g"?' checked="checked"':"")+'/>G:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.g:"")+'" title="'+aa.tooltips.green.textbox+'"/></td></tr><tr class="Blue"><td class="Radio"><label title="'+aa.tooltips.blue.radio+'"><input type="radio" value="b"'+(av.color.mode=="b"?' checked="checked"':"")+'/>B:</label></td><td class="Text"><input type="text" maxlength="3" value="'+(aJ!=null?aJ.b:"")+'" title="'+aa.tooltips.blue.textbox+'"/></td></tr><tr class="Alpha"><td class="Radio">'+(aG.alphaSupport?'<label title="'+aa.tooltips.alpha.radio+'"><input type="radio" value="a"'+(av.color.mode=="a"?' checked="checked"':"")+"/>A:</label>":"&nbsp;")+'</td><td class="Text">'+(aG.alphaSupport?'<input type="text" maxlength="'+(3+aG.alphaPrecision)+'" value="'+(aJ!=null?Math.precision((aJ.a*100)/255,aG.alphaPrecision):"")+'" title="'+aa.tooltips.alpha.textbox+'"/>&nbsp;%':"&nbsp;")+'</td></tr><tr class="Hex"><td colspan="2" class="Text"><label title="'+aa.tooltips.hex.textbox+'">#:<input type="text" maxlength="6" class="Hex" value="'+(aJ!=null?aJ.hex:"")+'"/></label>'+(aG.alphaSupport?'<input type="text" maxlength="2" class="AHex" value="'+(aJ!=null?aJ.ahex.substring(6):"")+'" title="'+aa.tooltips.hex.alpha+'"/></td>':"&nbsp;")+"</tr></tbody></table>";if(aG.expandable){R.html(aK);if(e(document.body).children("div.jPicker.Container").length==0){e(document.body).prepend(R)}else{e(document.body).children("div.jPicker.Container:last").after(R)}R.mousedown(function(){e(document.body).children("div.jPicker.Container").css({zIndex:10});R.css({zIndex:20})});R.css({left:aG.position.x=="left"?(az.offset().left-530-(aG.position.y=="center"?25:0))+"px":aG.position.x=="center"?(az.offset().left-260)+"px":aG.position.x=="right"?(az.offset().left-10+(aG.position.y=="center"?25:0))+"px":aG.position.x=="screenCenter"?((e(document).width()>>1)-260)+"px":(az.offset().left+parseInt(aG.position.x))+"px",position:"absolute",top:aG.position.y=="top"?(az.offset().top-312)+"px":aG.position.y=="center"?(az.offset().top-156)+"px":aG.position.y=="bottom"?(az.offset().top+25)+"px":(az.offset().top+parseInt(aG.position.y))+"px"})}else{R=e(w);R.html(aK)}var aD=R.find("tbody:first");l=aD.find("div.Map:first");s=aD.find("div.Bar:first");var aL=l.find("span"),aI=s.find("span");au=aL.filter(".Map1:first");at=aL.filter(".Map2:first");ar=aL.filter(".Map3:first");P=aI.filter(".Map1:first");O=aI.filter(".Map2:first");N=aI.filter(".Map3:first");M=aI.filter(".Map4:first");L=aI.filter(".Map5:first");K=aI.filter(".Map6:first");D=new d(l,{map:{width:n.colorMap.width,height:n.colorMap.height},arrow:{image:n.clientPath+n.colorMap.arrow.file,width:n.colorMap.arrow.width,height:n.colorMap.arrow.height}});D.bind(z);U=new d(s,{map:{width:n.colorBar.width,height:n.colorBar.height},arrow:{image:n.clientPath+n.colorBar.arrow.file,width:n.colorBar.arrow.width,height:n.colorBar.arrow.height}});U.bind(ac);aw=new b(aD,G.active,aG.expandable&&aG.bindToInput?aG.input:null,aG.alphaPrecision);var aB=aJ!=null?aJ.hex:null,aH=aD.find(".Preview"),aF=aD.find(".Button");E=aH.find(".Active:first").css({backgroundColor:aB&&"#"+aB||"transparent"});an=aH.find(".Current:first").css({backgroundColor:aB&&"#"+aB||"transparent"}).bind("click",Z);Y.call(w,an,Math.precision(G.current.val("a")*100)/255,4);ah=aF.find(".Ok:first").bind("click",m);X=aF.find(".Cancel:first").bind("click",q);ab=aF.find(".Grid:first");setTimeout(function(){t.call(w,au,n.clientPath+"Maps.png");t.call(w,at,n.clientPath+"Maps.png");t.call(w,ar,n.clientPath+"map-opacity.png");t.call(w,P,n.clientPath+"Bars.png");t.call(w,O,n.clientPath+"Bars.png");t.call(w,N,n.clientPath+"Bars.png");t.call(w,M,n.clientPath+"Bars.png");t.call(w,L,n.clientPath+"bar-opacity.png");t.call(w,K,n.clientPath+"AlphaBar.png");t.call(w,aH.find("div:first"),n.clientPath+"preview-opacity.png")},0);aD.find("td.Radio input").bind("click",A);if(G.quickList&&G.quickList.length>0){var aE="";for(i=0;i<G.quickList.length;i++){if((typeof(G.quickList[i])).toString().toLowerCase()=="string"){G.quickList[i]=new f({hex:G.quickList[i]})}var aC=G.quickList[i].val("a");var aM=G.quickList[i].val("ahex");if(!aG.alphaSupport&&aM){aM=aM.substring(0,6)+"ff"}var aA=G.quickList[i].val("hex");aE+='<span class="QuickColor"'+(aM&&' title="#'+aM+'"'||"")+' style="background-color:'+(aA&&"#"+aA||"")+";"+(aA?"":"background-image:url("+n.clientPath+"NoColor.png)")+(aG.alphaSupport&&aC&&aC<255?";opacity:"+Math.precision(aC/255,4)+";filter:Alpha(opacity="+Math.precision(aC/2.55,4)+")":"")+'">&nbsp;</span>'}t.call(w,ab,n.clientPath+"bar-opacity.png");ab.html(aE);ab.find(".QuickColor").click(F)}ag.call(w,av.color.mode);G.active.bind(aj);e.isFunction(ad)&&G.active.bind(ad);G.current.bind(ap);if(aG.expandable){w.icon=az.parents(".Icon:first");aq=w.icon.find(".Color:first").css({backgroundColor:aB&&"#"+aB||"transparent"});r=w.icon.find(".Alpha:first");t.call(w,r,n.clientPath+"bar-opacity.png");Y.call(w,r,Math.precision(((255-(aJ!=null?aJ.a:0))*100)/255,4));C=w.icon.find(".Image:first").css({backgroundImage:"url("+n.clientPath+n.picker.file+")"}).bind("click",af);if(aG.bindToInput&&aG.updateInputColor){aG.input.css({backgroundColor:aB&&"#"+aB||"transparent",color:aJ==null||aJ.v>75?"#000000":"#ffffff"})}u=aD.find(".Move:first").bind("mousedown",S);G.active.bind(H)}else{V.call(w)}},ak=function(){R.find("td.Radio input").unbind("click",A);an.unbind("click",Z);X.unbind("click",q);ah.unbind("click",m);if(av.window.expandable){C.unbind("click",af);u.unbind("mousedown",S);w.icon=null}R.find(".QuickColor").unbind("click",F);l=null;s=null;au=null;at=null;ar=null;P=null;O=null;N=null;M=null;L=null;K=null;D.destroy();D=null;U.destroy();U=null;aw.destroy();aw=null;E=null;an=null;ah=null;X=null;ab=null;ae=null;ax=null;ad=null;R.html("");for(i=0;i<c.length;i++){if(c[i]==w){c.splice(i,1)}}},n=av.images,aa=av.localization,G={active:(typeof(av.color.active)).toString().toLowerCase()=="string"?new f({ahex:!av.window.alphaSupport&&av.color.active?av.color.active.substring(0,6)+"ff":av.color.active}):new f({ahex:!av.window.alphaSupport&&av.color.active.val("ahex")?av.color.active.val("ahex").substring(0,6)+"ff":av.color.active.val("ahex")}),current:(typeof(av.color.active)).toString().toLowerCase()=="string"?new f({ahex:!av.window.alphaSupport&&av.color.active?av.color.active.substring(0,6)+"ff":av.color.active}):new f({ahex:!av.window.alphaSupport&&av.color.active.val("ahex")?av.color.active.val("ahex").substring(0,6)+"ff":av.color.active.val("ahex")}),quickList:av.color.quickList};e.extend(true,w,{commitCallback:ae,liveCallback:ad,cancelCallback:ax,color:G,show:V,hide:ao,destroy:ak});c.push(w);setTimeout(function(){o.call(w)},0)})};e.fn.jPicker.defaults={window:{title:null,effects:{type:"slide",speed:{show:"slow",hide:"fast"}},position:{x:"screenCenter",y:"top"},expandable:false,liveUpdate:true,alphaSupport:false,alphaPrecision:0,updateInputColor:true},color:{mode:"h",active:new f({ahex:"#ffcc00ff"}),quickList:[new f({h:360,s:33,v:100}),new f({h:360,s:66,v:100}),new f({h:360,s:100,v:100}),new f({h:360,s:100,v:75}),new f({h:360,s:100,v:50}),new f({h:180,s:0,v:100}),new f({h:30,s:33,v:100}),new f({h:30,s:66,v:100}),new f({h:30,s:100,v:100}),new f({h:30,s:100,v:75}),new f({h:30,s:100,v:50}),new f({h:180,s:0,v:90}),new f({h:60,s:33,v:100}),new f({h:60,s:66,v:100}),new f({h:60,s:100,v:100}),new f({h:60,s:100,v:75}),new f({h:60,s:100,v:50}),new f({h:180,s:0,v:80}),new f({h:90,s:33,v:100}),new f({h:90,s:66,v:100}),new f({h:90,s:100,v:100}),new f({h:90,s:100,v:75}),new f({h:90,s:100,v:50}),new f({h:180,s:0,v:70}),new f({h:120,s:33,v:100}),new f({h:120,s:66,v:100}),new f({h:120,s:100,v:100}),new f({h:120,s:100,v:75}),new f({h:120,s:100,v:50}),new f({h:180,s:0,v:60}),new f({h:150,s:33,v:100}),new f({h:150,s:66,v:100}),new f({h:150,s:100,v:100}),new f({h:150,s:100,v:75}),new f({h:150,s:100,v:50}),new f({h:180,s:0,v:50}),new f({h:180,s:33,v:100}),new f({h:180,s:66,v:100}),new f({h:180,s:100,v:100}),new f({h:180,s:100,v:75}),new f({h:180,s:100,v:50}),new f({h:180,s:0,v:40}),new f({h:210,s:33,v:100}),new f({h:210,s:66,v:100}),new f({h:210,s:100,v:100}),new f({h:210,s:100,v:75}),new f({h:210,s:100,v:50}),new f({h:180,s:0,v:30}),new f({h:240,s:33,v:100}),new f({h:240,s:66,v:100}),new f({h:240,s:100,v:100}),new f({h:240,s:100,v:75}),new f({h:240,s:100,v:50}),new f({h:180,s:0,v:20}),new f({h:270,s:33,v:100}),new f({h:270,s:66,v:100}),new f({h:270,s:100,v:100}),new f({h:270,s:100,v:75}),new f({h:270,s:100,v:50}),new f({h:180,s:0,v:10}),new f({h:300,s:33,v:100}),new f({h:300,s:66,v:100}),new f({h:300,s:100,v:100}),new f({h:300,s:100,v:75}),new f({h:300,s:100,v:50}),new f({h:180,s:0,v:0}),new f({h:330,s:33,v:100}),new f({h:330,s:66,v:100}),new f({h:330,s:100,v:100}),new f({h:330,s:100,v:75}),new f({h:330,s:100,v:50}),new f()]},images:{clientPath:"/jPicker/images/",colorMap:{width:256,height:256,arrow:{file:"mappoint.gif",width:15,height:15}},colorBar:{width:20,height:256,arrow:{file:"rangearrows.gif",width:20,height:7}},picker:{file:"picker.gif",width:25,height:24}},localization:{text:{title:"Drag Markers To Pick A Color",newColor:"new",currentColor:"current",ok:"OK",cancel:"Cancel"},tooltips:{colors:{newColor:"New Color - Press &ldquo;OK&rdquo; To Commit",currentColor:"Click To Revert To Original Color"},buttons:{ok:"Commit To This Color Selection",cancel:"Cancel And Revert To Original Color"},hue:{radio:"Set To &ldquo;Hue&rdquo; Color Mode",textbox:"Enter A &ldquo;Hue&rdquo; Value (0-360&deg;)"},saturation:{radio:"Set To &ldquo;Saturation&rdquo; Color Mode",textbox:"Enter A &ldquo;Saturation&rdquo; Value (0-100%)"},value:{radio:"Set To &ldquo;Value&rdquo; Color Mode",textbox:"Enter A &ldquo;Value&rdquo; Value (0-100%)"},red:{radio:"Set To &ldquo;Red&rdquo; Color Mode",textbox:"Enter A &ldquo;Red&rdquo; Value (0-255)"},green:{radio:"Set To &ldquo;Green&rdquo; Color Mode",textbox:"Enter A &ldquo;Green&rdquo; Value (0-255)"},blue:{radio:"Set To &ldquo;Blue&rdquo; Color Mode",textbox:"Enter A &ldquo;Blue&rdquo; Value (0-255)"},alpha:{radio:"Set To &ldquo;Alpha&rdquo; Color Mode",textbox:"Enter A &ldquo;Alpha&rdquo; Value (0-100)"},hex:{textbox:"Enter A &ldquo;Hex&rdquo; Color Value (#000000-#ffffff)",alpha:"Enter A &ldquo;Alpha&rdquo; Value (#00-#ff)"}}}}})(jQuery,"1.1.5");

data/vendor/assets/svg-edit-2.6/jgraduate/jquery.jgraduate.js

@@ -0,0 +1,1175 @@
+/*
+ * jGraduate 0.4
+ *
+ * jQuery Plugin for a gradient picker
+ *
+ * Copyright (c) 2010 Jeff Schiller
+ * http://blog.codedread.com/
+ * Copyright (c) 2010 Alexis Deveria
+ * http://a.deveria.com/
+ *
+ * Apache 2 License
+
+jGraduate( options, okCallback, cancelCallback )
+
+where options is an object literal:
+	{
+		window: { title: "Pick the start color and opacity for the gradient" },
+		images: { clientPath: "images/" },
+		paint: a Paint object,
+		newstop: String of value "same", "inverse", "black" or "white" 
+				 OR object with one or both values {color: #Hex color, opac: number 0-1}
+	}
+ 
+- the Paint object is:
+	Paint {
+		type: String, // one of "none", "solidColor", "linearGradient", "radialGradient"
+		alpha: Number representing opacity (0-100),
+		solidColor: String representing #RRGGBB hex of color,
+		linearGradient: object of interface SVGLinearGradientElement,
+		radialGradient: object of interface SVGRadialGradientElement,
+	}
+
+$.jGraduate.Paint() -> constructs a 'none' color
+$.jGraduate.Paint({copy: o}) -> creates a copy of the paint o
+$.jGraduate.Paint({hex: "#rrggbb"}) -> creates a solid color paint with hex = "#rrggbb"
+$.jGraduate.Paint({linearGradient: o, a: 50}) -> creates a linear gradient paint with opacity=0.5
+$.jGraduate.Paint({radialGradient: o, a: 7}) -> creates a radial gradient paint with opacity=0.07
+$.jGraduate.Paint({hex: "#rrggbb", linearGradient: o}) -> throws an exception?
+
+- picker accepts the following object as input:
+	{
+		okCallback: function to call when Ok is pressed
+		cancelCallback: function to call when Cancel is pressed
+		paint: object describing the paint to display initially, if not set, then default to opaque white
+	}
+
+- okCallback receives a Paint object
+
+ *
+ */
+ 
+(function() {
+ 
+var ns = { svg: 'http://www.w3.org/2000/svg', xlink: 'http://www.w3.org/1999/xlink' };
+if(!window.console) {
+  window.console = new function() {
+    this.log = function(str) {};
+    this.dir = function(str) {};
+  };
+}
+
+$.jGraduate = { 
+	Paint:
+		function(opt) {
+			var options = opt || {};
+			this.alpha = isNaN(options.alpha) ? 100 : options.alpha;
+			// copy paint object
+    		if (options.copy) {
+    			this.type = options.copy.type;
+    			this.alpha = options.copy.alpha;
+				this.solidColor = null;
+				this.linearGradient = null;
+				this.radialGradient = null;
+
+    			switch(this.type) {
+    				case "none":
+    					break;
+    				case "solidColor":
+    					this.solidColor = options.copy.solidColor;
+    					break;
+    				case "linearGradient":
+    					this.linearGradient = options.copy.linearGradient.cloneNode(true);
+    					break;
+    				case "radialGradient":
+    					this.radialGradient = options.copy.radialGradient.cloneNode(true);
+    					break;
+    			}
+    		}
+    		// create linear gradient paint
+    		else if (options.linearGradient) {
+    			this.type = "linearGradient";
+    			this.solidColor = null;
+    			this.radialGradient = null;
+    			this.linearGradient = options.linearGradient.cloneNode(true);
+    		}
+    		// create linear gradient paint
+    		else if (options.radialGradient) {
+    			this.type = "radialGradient";
+    			this.solidColor = null;
+    			this.linearGradient = null;
+    			this.radialGradient = options.radialGradient.cloneNode(true);
+    		}
+    		// create solid color paint
+    		else if (options.solidColor) {
+    			this.type = "solidColor";
+    			this.solidColor = options.solidColor;
+    		}
+    		// create empty paint
+	    	else {
+	    		this.type = "none";
+    			this.solidColor = null;
+    			this.linearGradient = null;
+    			this.radialGradient = null;
+	    	}
+		}
+};
+
+jQuery.fn.jGraduateDefaults = {
+	paint: new $.jGraduate.Paint(),
+	window: {
+		pickerTitle: "Drag markers to pick a paint"
+	},
+	images: {
+		clientPath: "images/"
+	},
+	newstop: 'inverse' // same, inverse, black, white
+};
+
+var isGecko = navigator.userAgent.indexOf('Gecko/') >= 0;
+
+function setAttrs(elem, attrs) {
+	if(isGecko) {
+		for (var aname in attrs) elem.setAttribute(aname, attrs[aname]);
+	} else {
+		for (var aname in attrs) {
+			var val = attrs[aname], prop = elem[aname];
+			if(prop && prop.constructor === 'SVGLength') {
+				prop.baseVal.value = val;
+			} else {
+				elem.setAttribute(aname, val);
+			}
+		}
+	}
+}
+
+function mkElem(name, attrs, newparent) {
+	var elem = document.createElementNS(ns.svg, name);
+	setAttrs(elem, attrs);
+	if(newparent) newparent.appendChild(elem);
+	return elem;
+}
+
+jQuery.fn.jGraduate =
+	function(options) {
+	 	var $arguments = arguments;
+		return this.each( function() {
+			var $this = $(this), $settings = $.extend(true, {}, jQuery.fn.jGraduateDefaults, options),
+				id = $this.attr('id'),
+				idref = '#'+$this.attr('id')+' ';
+			
+            if (!idref)
+            {
+              alert('Container element must have an id attribute to maintain unique id strings for sub-elements.');
+              return;
+            }
+            
+            var okClicked = function() {
+	            switch ( $this.paint.type ) {
+	            	case "radialGradient":
+	            		$this.paint.linearGradient = null;
+	            		break;
+	            	case "linearGradient":
+	            		$this.paint.radialGradient = null;
+	            		break;
+	            	case "solidColor":
+	            		$this.paint.radialGradient = $this.paint.linearGradient = null;
+	            		break;
+	            }
+            	$.isFunction($this.okCallback) && $this.okCallback($this.paint);
+            	$this.hide();
+            },
+            cancelClicked = function() {
+            	$.isFunction($this.cancelCallback) && $this.cancelCallback();
+            	$this.hide();
+            };
+
+            $.extend(true, $this, // public properties, methods, and callbacks
+              {
+              	// make a copy of the incoming paint
+                paint: new $.jGraduate.Paint({copy: $settings.paint}),
+                okCallback: $.isFunction($arguments[1]) && $arguments[1] || null,
+                cancelCallback: $.isFunction($arguments[2]) && $arguments[2] || null
+              });
+
+			var pos = $this.position(),
+				color = null;
+			var $win = $(window);
+
+			if ($this.paint.type == "none") {
+				$this.paint = $.jGraduate.Paint({solidColor: 'ffffff'});
+			}
+			
+            $this.addClass('jGraduate_Picker');
+            $this.html('<ul class="jGraduate_tabs">' +
+            				'<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' +
+            				'<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' +
+            				'<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' +
+            			'</ul>' +
+            			'<div class="jGraduate_colPick"></div>' +
+            			'<div class="jGraduate_gradPick"></div>' +
+						'<div class="jGraduate_LightBox"></div>' +
+						'<div id="' + id + '_jGraduate_stopPicker" class="jGraduate_stopPicker"></div>'
+            			
+            			
+            			);
+			var colPicker = $(idref + '> .jGraduate_colPick');
+			var gradPicker = $(idref + '> .jGraduate_gradPick');
+			
+            gradPicker.html(
+            	'<div id="' + id + '_jGraduate_Swatch" class="jGraduate_Swatch">' +
+            		'<h2 class="jGraduate_Title">' + $settings.window.pickerTitle + '</h2>' +
+            		'<div id="' + id + '_jGraduate_GradContainer" class="jGraduate_GradContainer"></div>' +
+            		'<div id="' + id + '_jGraduate_StopSlider" class="jGraduate_StopSlider"></div>' +
+            	'</div>' + 
+            	'<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' +
+            		'<div class="jGraduate_StopSection">' +
+	            		'<label class="jGraduate_Form_Heading">Begin Point</label>' +
+    	        		'<div class="jGraduate_Form_Section">' +
+        	    			'<label>x:</label>' +
+            				'<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' +
+            				'<label> y:</label>' +
+            				'<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' +
+        	   			'</div>' +
+        	   		'</div>' +
+        	   		'<div class="jGraduate_StopSection">' +
+	            		'<label class="jGraduate_Form_Heading">End Point</label>' +
+    	        		'<div class="jGraduate_Form_Section">' +
+	    	        		'<label>x:</label>' +
+		    	        	'<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' +
+    		    	    	'<label> y:</label>' +
+        		    		'<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' +
+    	    	    	'</div>' +
+    	    	    '</div>' +
+    	       	'</div>' +
+            	'<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' +
+					'<div class="jGraduate_StopSection">' +
+						'<label class="jGraduate_Form_Heading">Center Point</label>' +
+						'<div class="jGraduate_Form_Section">' +
+							'<label>x:</label>' +
+							'<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
+							'<label> y:</label>' +
+							'<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
+						'</div>' +
+					'</div>' +
+					'<div class="jGraduate_StopSection">' +
+						'<label class="jGraduate_Form_Heading">Focal Point</label>' +
+						'<div class="jGraduate_Form_Section">' +
+							'<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' +
+							'<label>x:</label>' +
+							'<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' +
+							'<label> y:</label>' +
+							'<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' +
+						'</div>' +
+					'</div>' +
+    	       	'</div>' +
+				'<div class="jGraduate_StopSection jGraduate_SpreadMethod">' +
+					'<label class="jGraduate_Form_Heading">Spread method</label>' +
+					'<div class="jGraduate_Form_Section">' +
+						'<select class="jGraduate_spreadMethod">' +
+							'<option value=pad selected>Pad</option>' +
+							'<option value=reflect>Reflect</option>' +
+							'<option value=repeat>Repeat</option>' +
+						'</select>' + 
+					'</div>' +
+				'</div>' +
+            	'<div class="jGraduate_Form">' +
+        	   		'<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' +
+						'<label class="prelabel">Radius:</label>' +
+						'<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' +
+							'<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+						'</div>' +
+						'<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + 
+    	    	    '</div>' +
+        	   		'<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' +
+						'<label class="prelabel">Ellip:</label>' +
+						'<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' +
+							'<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+						'</div>' +
+						'<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + 
+    	    	    '</div>' +
+        	   		'<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' +
+						'<label class="prelabel">Angle:</label>' +
+						'<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' +
+							'<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+						'</div>' +
+						'<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>deg</label>' + 
+    	    	    '</div>' +
+        	   		'<div class="jGraduate_Slider jGraduate_OpacField">' +
+						'<label class="prelabel">Opac:</label>' +
+						'<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' +
+							'<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' +
+						'</div>' +
+						'<label><input type="text" id="' + id + '_jGraduate_OpacInput" size="3" value="100"/>%</label>' + 
+    	    	    '</div>' +
+    	       	'</div>' +
+        	    '<div class="jGraduate_OkCancel">' +
+            		'<input type="button" id="' + id + '_jGraduate_Ok" class="jGraduate_Ok" value="OK"/>' +
+            		'<input type="button" id="' + id + '_jGraduate_Cancel" class="jGraduate_Cancel" value="Cancel"/>' +
+            	'</div>');
+            	
+			// --------------
+            // Set up all the SVG elements (the gradient, stops and rectangle)
+            var MAX = 256, MARGINX = 0, MARGINY = 0, STOP_RADIUS = 15/2,
+            	SIZEX = MAX - 2*MARGINX, SIZEY = MAX - 2*MARGINY;
+            	
+            var curType, curGradient, previewRect;	
+            
+			var attr_input = {};
+            
+            var SLIDERW = 145;
+            $('.jGraduate_SliderBar').width(SLIDERW);
+			
+			var container = $('#' + id+'_jGraduate_GradContainer')[0];
+			
+			var svg = mkElem('svg', {
+				id: id + '_jgraduate_svg',
+				width: MAX,
+				height: MAX,
+				xmlns: ns.svg
+			}, container);
+			
+			// if we are sent a gradient, import it 
+			
+			curType = curType || $this.paint.type;
+			
+			var grad = curGradient = $this.paint[curType];
+			
+			var gradalpha = $this.paint.alpha;
+			
+			var isSolid = curType === 'solidColor';
+			
+			// Make any missing gradients
+			switch ( curType ) {
+				case "solidColor":
+					// fall through
+				case "linearGradient":
+					if(!isSolid) {
+						curGradient.id = id+'_lg_jgraduate_grad';
+						grad = curGradient = svg.appendChild(curGradient);//.cloneNode(true));
+					}
+					mkElem('radialGradient', {
+						id: id + '_rg_jgraduate_grad'
+					}, svg);
+					if(curType === "linearGradient") break;
+				case "radialGradient":
+					if(!isSolid) {
+						curGradient.id = id+'_rg_jgraduate_grad';
+						grad = curGradient = svg.appendChild(curGradient);//.cloneNode(true));
+					}
+					mkElem('linearGradient', {
+						id: id + '_lg_jgraduate_grad'
+					}, svg);
+			}
+			
+			if(isSolid) {
+				grad = curGradient = $('#' + id + '_lg_jgraduate_grad')[0];
+				var color = $this.paint[curType];
+				mkStop(0, '#' + color, 1);
+				
+				var type = typeof $settings.newstop;
+				
+				if(type === 'string') {
+					switch ( $settings.newstop ) {
+						case 'same':
+							mkStop(1, '#' + color, 1);				
+							break;
+
+						case 'inverse':
+							// Invert current color for second stop
+							var inverted = '';
+							
+							for(var i = 0; i < 6; i += 2) {
+								var ch = color.substr(i, 2);
+								var inv = (255 - parseInt(color.substr(i, 2), 16)).toString(16);
+								if(inv.length < 2) inv = 0 + inv;
+								inverted += inv;
+							}
+							mkStop(1, '#' + inverted, 1);
+							break;
+						
+						case 'white':
+							mkStop(1, '#ffffff', 1);
+							break;
+	
+						case 'black':
+							mkStop(1, '#000000', 1);
+							break;
+					}
+				} else if(type === 'object'){
+					var opac = ('opac' in $settings.newstop) ? $settings.newstop.opac : 1;
+					mkStop(1, ($settings.newstop.color || '#' + color), opac);
+				}
+			}
+
+			
+			var x1 = parseFloat(grad.getAttribute('x1')||0.0),
+				y1 = parseFloat(grad.getAttribute('y1')||0.0),
+				x2 = parseFloat(grad.getAttribute('x2')||1.0),
+				y2 = parseFloat(grad.getAttribute('y2')||0.0);
+				
+			var cx = parseFloat(grad.getAttribute('cx')||0.5),
+				cy = parseFloat(grad.getAttribute('cy')||0.5),
+				fx = parseFloat(grad.getAttribute('fx')|| cx),
+				fy = parseFloat(grad.getAttribute('fy')|| cy);
+
+			
+			var previewRect = mkElem('rect', {
+				id: id + '_jgraduate_rect',
+				x: MARGINX,
+				y: MARGINY,
+				width: SIZEX,
+				height: SIZEY,
+				fill: 'url(#'+id+'_jgraduate_grad)',
+				'fill-opacity': gradalpha/100
+			}, svg);
+			
+			// stop visuals created here
+			var beginCoord = $('<div/>').attr({
+				'class': 'grad_coord jGraduate_lg_field',
+				title: 'Begin Stop'
+			}).text(1).css({
+				top: y1 * MAX,
+				left: x1 * MAX
+			}).data('coord', 'start').appendTo(container);
+			
+			var endCoord = beginCoord.clone().text(2).css({
+				top: y2 * MAX,
+				left: x2 * MAX
+			}).attr('title', 'End stop').data('coord', 'end').appendTo(container);
+		
+			var centerCoord = $('<div/>').attr({
+				'class': 'grad_coord jGraduate_rg_field',
+				title: 'Center stop'
+			}).text('C').css({
+				top: cy * MAX,
+				left: cx * MAX
+			}).data('coord', 'center').appendTo(container);
+			
+			var focusCoord = centerCoord.clone().text('F').css({
+				top: fy * MAX,
+				left: fx * MAX,
+				display: 'none'
+			}).attr('title', 'Focus point').data('coord', 'focus').appendTo(container);
+			
+			focusCoord[0].id = id + '_jGraduate_focusCoord';
+			
+			var coords = $(idref + ' .grad_coord');
+			
+// 			$(container).hover(function() {
+// 				coords.animate({
+// 					opacity: 1
+// 				}, 500);
+// 			}, function() {
+// 				coords.animate({
+// 					opacity: .2
+// 				}, 500);				
+// 			});
+			
+			$.each(['x1', 'y1', 'x2', 'y2', 'cx', 'cy', 'fx', 'fy'], function(i, attr) {
+				var attrval = curGradient.getAttribute(attr);
+				
+				var isRadial = isNaN(attr[1]);
+				
+				if(!attrval) {
+					// Set defaults
+					if(isRadial) {
+						// For radial points
+						attrval = "0.5";
+					} else {
+						// Only x2 is 1
+						attrval = attr === 'x2' ? "1.0" : "0.0";
+					}
+				}
+
+				attr_input[attr] = $('#'+id+'_jGraduate_' + attr)
+					.val(attrval)
+					.change(function() {
+						// TODO: Support values < 0 and > 1 (zoomable preview?)
+						if (isNaN(parseFloat(this.value)) || this.value < 0) {
+							this.value = 0.0; 
+						} else if(this.value > 1) {
+							this.value = 1.0;
+						}
+						
+						if(!(attr[0] === 'f' && !showFocus)) {
+							if(isRadial && curType === 'radialGradient' || !isRadial && curType === 'linearGradient') {
+								curGradient.setAttribute(attr, this.value);
+							}
+						}
+						
+						if(isRadial) {
+							var $elem = attr[0] === "c" ? centerCoord : focusCoord;
+						} else {
+							var $elem = attr[1] === "1" ? beginCoord : endCoord;						
+						}
+						
+						var cssName = attr.indexOf('x') >= 0 ? 'left' : 'top';
+						
+						$elem.css(cssName, this.value * MAX);
+				}).change();
+			});
+
+
+			
+			function mkStop(n, color, opac, sel, stop_elem) {
+				var stop = stop_elem || mkElem('stop',{'stop-color':color,'stop-opacity':opac,offset:n}, curGradient);
+				if(stop_elem) {
+					color = stop_elem.getAttribute('stop-color');
+					opac = stop_elem.getAttribute('stop-opacity');
+					n = stop_elem.getAttribute('offset');
+				} else {
+					curGradient.appendChild(stop);
+				}
+				if(opac === null) opac = 1;
+				
+				var picker_d = 'M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z';
+				
+				var pathbg = mkElem('path',{
+					d: picker_d,
+					fill: 'url(#jGraduate_trans)',
+					transform: 'translate(' + (10 + n * MAX) + ', 26)'
+				}, stopGroup);
+				
+				var path = mkElem('path',{
+					d: picker_d,
+					fill: color,
+					'fill-opacity': opac,
+					transform: 'translate(' + (10 + n * MAX) + ', 26)',
+					stroke: '#000',
+					'stroke-width': 1.5
+				}, stopGroup);
+
+				$(path).mousedown(function(e) {
+					selectStop(this);
+					drag = cur_stop;
+					$win.mousemove(dragColor).mouseup(remDrags);
+					stop_offset = stopMakerDiv.offset();
+					e.preventDefault();
+					return false;
+				}).data('stop', stop).data('bg', pathbg).dblclick(function() {
+					$('div.jGraduate_LightBox').show();			
+					var colorhandle = this;
+					var stopOpacity = +stop.getAttribute('stop-opacity') || 1;
+					var stopColor = stop.getAttribute('stop-color') || 1;
+					var thisAlpha = (parseFloat(stopOpacity)*255).toString(16);
+					while (thisAlpha.length < 2) { thisAlpha = "0" + thisAlpha; }
+					color = stopColor.substr(1) + thisAlpha;
+					$('#'+id+'_jGraduate_stopPicker').css({'left': 100, 'bottom': 15}).jPicker({
+							window: { title: "Pick the start color and opacity for the gradient" },
+							images: { clientPath: $settings.images.clientPath },
+							color: { active: color, alphaSupport: true }
+						}, function(color, arg2){
+							stopColor = color.val('hex') ? ('#'+color.val('hex')) : "none";
+							stopOpacity = color.val('a') !== null ? color.val('a')/256 : 1;
+							colorhandle.setAttribute('fill', stopColor);
+							colorhandle.setAttribute('fill-opacity', stopOpacity);
+							stop.setAttribute('stop-color', stopColor);
+							stop.setAttribute('stop-opacity', stopOpacity);
+							$('div.jGraduate_LightBox').hide();
+							$('#'+id+'_jGraduate_stopPicker').hide();
+						}, null, function() {
+							$('div.jGraduate_LightBox').hide();
+							$('#'+id+'_jGraduate_stopPicker').hide();
+						});
+				});
+				
+				$(curGradient).find('stop').each(function() {
+					var cur_s = $(this);
+					if(+this.getAttribute('offset') > n) {
+						if(!color) {
+							var newcolor = this.getAttribute('stop-color');
+							var newopac = this.getAttribute('stop-opacity');
+							stop.setAttribute('stop-color', newcolor);
+							path.setAttribute('fill', newcolor);
+							stop.setAttribute('stop-opacity', newopac === null ? 1 : newopac);
+							path.setAttribute('fill-opacity', newopac === null ? 1 : newopac);
+						}
+						cur_s.before(stop);
+						return false;
+					}
+				});
+				if(sel) selectStop(path);
+				return stop;
+			}
+			
+			function remStop() {
+				delStop.setAttribute('display', 'none');
+				var path = $(cur_stop);
+				var stop = path.data('stop');
+				var bg = path.data('bg');
+				$([cur_stop, stop, bg]).remove();
+			}
+			
+				
+			var stops, stopGroup;
+			
+			var stopMakerDiv = $('#' + id + '_jGraduate_StopSlider');
+
+			var cur_stop, stopGroup, stopMakerSVG, drag;
+			
+			var delStop = mkElem('path',{
+				d:'m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5',
+				fill:'none',
+				stroke:'#D00',
+				'stroke-width':5,
+				display:'none'
+			}, stopMakerSVG);
+
+			
+			function selectStop(item) {
+				if(cur_stop) cur_stop.setAttribute('stroke', '#000');
+				item.setAttribute('stroke', 'blue');
+				cur_stop = item;
+				cur_stop.parentNode.appendChild(cur_stop);
+			// 	stops = $('stop');
+			// 	opac_select.val(cur_stop.attr('fill-opacity') || 1);
+			// 	root.append(delStop);
+			}
+			
+			var stop_offset;
+			
+			function remDrags() {
+				$win.unbind('mousemove', dragColor);
+				if(delStop.getAttribute('display') !== 'none') {
+					remStop();
+				}
+				drag = null;
+			}
+			
+			var scale_x = 1, scale_y = 1, angle = 0;
+			var c_x = cx;
+			var c_y = cy;
+			
+			function xform() {
+				var rot = angle?'rotate(' + angle + ',' + c_x + ',' + c_y + ') ':'';
+				if(scale_x === 1 && scale_y === 1) {
+					curGradient.removeAttribute('gradientTransform');
+// 					$('#ang').addClass('dis');
+				} else {
+					var x = -c_x * (scale_x-1);
+					var y = -c_y * (scale_y-1);
+					curGradient.setAttribute('gradientTransform', rot + 'translate(' + x + ',' + y + ') scale(' + scale_x + ',' + scale_y + ')');
+// 					$('#ang').removeClass('dis');
+				}
+			}
+			
+			function dragColor(evt) {
+
+				var x = evt.pageX - stop_offset.left;
+				var y = evt.pageY - stop_offset.top;
+				x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10: x;
+
+				var xf_str = 'translate(' + x + ', 26)';
+					if(y < -60 || y > 130) {
+						delStop.setAttribute('display', 'block');
+						delStop.setAttribute('transform', xf_str);
+					} else {
+						delStop.setAttribute('display', 'none');
+					}
+				
+				drag.setAttribute('transform', xf_str);
+				$.data(drag, 'bg').setAttribute('transform', xf_str);
+				var stop = $.data(drag, 'stop');
+				var s_x = (x - 10) / MAX;
+				
+				stop.setAttribute('offset', s_x);
+				var last = 0;
+				
+				$(curGradient).find('stop').each(function(i) {
+					var cur = this.getAttribute('offset');
+					var t = $(this);
+					if(cur < last) {
+						t.prev().before(t);
+						stops = $(curGradient).find('stop');
+					}
+					last = cur;
+				});
+				
+			}
+			
+			stopMakerSVG = mkElem('svg', {
+				width: '100%',
+				height: 45
+			}, stopMakerDiv[0]);
+			
+			var trans_pattern = mkElem('pattern', {
+				width: 16,
+				height: 16,
+				patternUnits: 'userSpaceOnUse',
+				id: 'jGraduate_trans'
+			}, stopMakerSVG);
+			
+			var trans_img = mkElem('image', {
+				width: 16,
+				height: 16
+			}, trans_pattern);
+			
+			var bg_image = $settings.images.clientPath + 'map-opacity.png';
+
+			trans_img.setAttributeNS(ns.xlink, 'xlink:href', bg_image);
+			
+			$(stopMakerSVG).click(function(evt) {
+				stop_offset = stopMakerDiv.offset();
+				var target = evt.target;
+				if(target.tagName === 'path') return;
+				var x = evt.pageX - stop_offset.left - 8;
+				x = x < 10 ? 10 : x > MAX + 10 ? MAX + 10: x;
+				mkStop(x / MAX, 0, 0, true);
+				evt.stopPropagation();
+			});
+			
+			$(stopMakerSVG).mouseover(function() {
+				stopMakerSVG.appendChild(delStop);
+			});
+			
+			stopGroup = mkElem('g', {}, stopMakerSVG);
+			
+			mkElem('line', {
+				x1: 10,
+				y1: 15,
+				x2: MAX + 10,
+				y2: 15,
+				'stroke-width': 2,
+				stroke: '#000'
+			}, stopMakerSVG);
+			
+			
+			var spreadMethodOpt = gradPicker.find('.jGraduate_spreadMethod').change(function() {
+				curGradient.setAttribute('spreadMethod', $(this).val());
+			});
+			
+		
+			// handle dragging the stop around the swatch
+			var draggingCoord = null;
+			
+			var onCoordDrag = function(evt) {
+				var x = evt.pageX - offset.left;
+				var y = evt.pageY - offset.top;
+
+				// clamp stop to the swatch
+				x = x < 0 ? 0 : x > MAX ? MAX : x;
+				y = y < 0 ? 0 : y > MAX ? MAX : y;
+				
+				draggingCoord.css('left', x).css('top', y);
+
+				// calculate stop offset            		
+				var fracx = x / SIZEX;
+				var fracy = y / SIZEY;
+				
+				var type = draggingCoord.data('coord');
+				var grad = curGradient;
+				
+				switch ( type ) {
+					case 'start':
+						attr_input.x1.val(fracx);
+						attr_input.y1.val(fracy);
+						grad.setAttribute('x1', fracx);
+						grad.setAttribute('y1', fracy);
+						break;
+					case 'end':
+						attr_input.x2.val(fracx);
+						attr_input.y2.val(fracy);
+						grad.setAttribute('x2', fracx);
+						grad.setAttribute('y2', fracy);
+						break;
+					case 'center':
+						attr_input.cx.val(fracx);
+						attr_input.cy.val(fracy);
+						grad.setAttribute('cx', fracx);
+						grad.setAttribute('cy', fracy);
+						c_x = fracx;
+						c_y = fracy;
+						xform();
+						break;
+					case 'focus':
+						attr_input.fx.val(fracx);
+						attr_input.fy.val(fracy);
+						grad.setAttribute('fx', fracx);
+						grad.setAttribute('fy', fracy);
+						xform();
+				}
+				
+				evt.preventDefault();
+			}
+			
+			var onCoordUp = function() {
+				draggingCoord = null;
+				$win.unbind('mousemove', onCoordDrag).unbind('mouseup', onCoordUp);
+			}
+			
+			// Linear gradient
+// 			(function() {
+
+			
+			stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+
+			// if there are not at least two stops, then 
+			if (numstops < 2) {
+				while (numstops < 2) {
+					curGradient.appendChild( document.createElementNS(ns.svg, 'stop') );
+					++numstops;
+				}
+				stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+			}
+			
+			var numstops = stops.length;				
+			for(var i = 0; i < numstops; i++) {
+				mkStop(0, 0, 0, 0, stops[i]);
+			}
+			
+			spreadMethodOpt.val(curGradient.getAttribute('spreadMethod') || 'pad');
+
+			var offset;
+			
+			// No match, so show focus point
+			var showFocus = false; 
+			
+			previewRect.setAttribute('fill-opacity', gradalpha/100);
+
+			
+			$('#' + id + ' div.grad_coord').mousedown(function(evt) {
+				evt.preventDefault();
+				draggingCoord = $(this);
+				var s_pos = draggingCoord.offset();
+				offset = draggingCoord.parent().offset();
+				$win.mousemove(onCoordDrag).mouseup(onCoordUp);
+			});
+			
+			// bind GUI elements
+			$('#'+id+'_jGraduate_Ok').bind('click', function() {
+				$this.paint.type = curType;
+				$this.paint[curType] = curGradient.cloneNode(true);;
+				$this.paint.solidColor = null;
+				okClicked();
+			});
+			$('#'+id+'_jGraduate_Cancel').bind('click', function(paint) {
+				cancelClicked();
+			});
+
+			if(curType === 'radialGradient') {
+				if(showFocus) {
+					focusCoord.show();				
+				} else {
+					focusCoord.hide();
+					attr_input.fx.val("");
+					attr_input.fy.val("");
+				}
+			}
+
+			$("#" + id + "_jGraduate_match_ctr")[0].checked = !showFocus;
+			
+			var lastfx, lastfy;
+			
+			$("#" + id + "_jGraduate_match_ctr").change(function() {
+				showFocus = !this.checked;
+				focusCoord.toggle(showFocus);
+				attr_input.fx.val('');
+				attr_input.fy.val('');
+				var grad = curGradient;
+				if(!showFocus) {
+					lastfx = grad.getAttribute('fx');
+					lastfy = grad.getAttribute('fy');
+					grad.removeAttribute('fx');
+					grad.removeAttribute('fy');
+				} else {
+					var fx = lastfx || .5;
+					var fy = lastfy || .5;
+					grad.setAttribute('fx', fx);
+					grad.setAttribute('fy', fy);
+					attr_input.fx.val(fx);
+					attr_input.fy.val(fy);
+				}
+			});
+			
+			var stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+			var numstops = stops.length;
+			// if there are not at least two stops, then 
+			if (numstops < 2) {
+				while (numstops < 2) {
+					curGradient.appendChild( document.createElementNS(ns.svg, 'stop') );
+					++numstops;
+				}
+				stops = curGradient.getElementsByTagNameNS(ns.svg, 'stop');
+			}
+			
+			var slider;
+			
+			var setSlider = function(e) {
+				var offset = slider.offset;
+				var div = slider.parent;
+				var x = (e.pageX - offset.left - parseInt(div.css('border-left-width')));
+				if (x > SLIDERW) x = SLIDERW;
+				if (x <= 0) x = 0;
+				var posx = x - 5;
+				x /= SLIDERW;
+				
+				switch ( slider.type ) {
+					case 'radius':
+						x = Math.pow(x * 2, 2.5);
+						if(x > .98 && x < 1.02) x = 1;
+						if (x <= .01) x = .01;
+						curGradient.setAttribute('r', x);
+						break;
+					case 'opacity':
+						$this.paint.alpha = parseInt(x*100);
+						previewRect.setAttribute('fill-opacity', x);
+						break;
+					case 'ellip':
+						scale_x = 1, scale_y = 1;
+						if(x < .5) {
+							x /= .5; // 0.001
+							scale_x = x <= 0 ? .01 : x;
+						} else if(x > .5) {
+							x /= .5; // 2
+							x = 2 - x;
+							scale_y = x <= 0 ? .01 : x;
+						} 
+						xform();
+						x -= 1;
+						if(scale_y === x + 1) {
+							x = Math.abs(x);
+						}
+						break;
+					case 'angle':
+						x = x - .5;
+						angle = x *= 180;
+						xform();
+						x /= 100;
+						break;
+				}
+				slider.elem.css({'margin-left':posx});
+				x = Math.round(x*100);
+				slider.input.val(x);
+			};
+			
+			var ellip_val = 0, angle_val = 0;
+			
+			if(curType === 'radialGradient') {
+				var tlist = curGradient.gradientTransform.baseVal;
+				if(tlist.numberOfItems === 2) {
+					var t = tlist.getItem(0);
+					var s = tlist.getItem(1);
+					if(t.type === 2 && s.type === 3) {
+						var m = s.matrix;
+						if(m.a !== 1) {
+							ellip_val = Math.round(-(1 - m.a) * 100);	
+						} else if(m.d !== 1) {
+							ellip_val = Math.round((1 - m.d) * 100);
+						} 
+					}
+				} else if(tlist.numberOfItems === 3) {
+					// Assume [R][T][S]
+					var r = tlist.getItem(0);
+					var t = tlist.getItem(1);
+					var s = tlist.getItem(2);
+					
+					if(r.type === 4 
+						&& t.type === 2 
+						&& s.type === 3) {
+
+						angle_val = Math.round(r.angle);
+						var m = s.matrix;
+						if(m.a !== 1) {
+							ellip_val = Math.round(-(1 - m.a) * 100);	
+						} else if(m.d !== 1) {
+							ellip_val = Math.round((1 - m.d) * 100);
+						} 
+						
+					}
+				}
+			}
+			
+			var sliders = {
+				radius: {
+					handle: '#' + id + '_jGraduate_RadiusArrows',
+					input: '#' + id + '_jGraduate_RadiusInput',
+					val: (curGradient.getAttribute('r') || .5) * 100
+				},
+				opacity: {
+					handle: '#' + id + '_jGraduate_OpacArrows',
+					input: '#' + id + '_jGraduate_OpacInput',
+					val: $this.paint.alpha || 100
+				},
+				ellip: {
+					handle: '#' + id + '_jGraduate_EllipArrows',
+					input: '#' + id + '_jGraduate_EllipInput',
+					val: ellip_val
+				},
+				angle: {
+					handle: '#' + id + '_jGraduate_AngleArrows',
+					input: '#' + id + '_jGraduate_AngleInput',
+					val: angle_val
+				}
+			}
+			
+			$.each(sliders, function(type, data) {
+				var handle = $(data.handle);
+				handle.mousedown(function(evt) {
+					var parent = handle.parent();
+					slider = {
+						type: type,
+						elem: handle,
+						input: $(data.input),
+						parent: parent,
+						offset: parent.offset()
+					};
+					$win.mousemove(dragSlider).mouseup(stopSlider);
+					evt.preventDefault();
+				});
+				
+				$(data.input).val(data.val).change(function() {
+					var val = +this.value;
+					var xpos = 0;
+					var isRad = curType === 'radialGradient';
+					switch ( type ) {
+						case 'radius':
+							if(isRad) curGradient.setAttribute('r', val / 100);
+							xpos = (Math.pow(val / 100, 1 / 2.5) / 2) * SLIDERW;
+							break;
+						
+						case 'opacity':
+							$this.paint.alpha = val;
+							previewRect.setAttribute('fill-opacity', val / 100);
+							xpos = val * (SLIDERW / 100);
+							break;
+							
+						case 'ellip':
+							scale_x = scale_y = 1;
+							if(val === 0) {
+								xpos = SLIDERW * .5;
+								break;
+							}
+							if(val > 99.5) val = 99.5;
+							if(val > 0) {
+								scale_y = 1 - (val / 100);
+							} else {
+								scale_x = - (val / 100) - 1;
+							}
+
+							xpos = SLIDERW * ((val + 100) / 2) / 100;
+							if(isRad) xform();
+							break;
+						
+						case 'angle':
+							angle = val;
+							xpos = angle / 180;
+							xpos += .5;
+							xpos *= SLIDERW;
+							if(isRad) xform();
+					}
+					if(xpos > SLIDERW) {
+						xpos = SLIDERW;
+					} else if(xpos < 0) {
+						xpos = 0;
+					}
+					handle.css({'margin-left': xpos - 5});
+				}).change();
+			});
+			
+			var dragSlider = function(evt) {
+				setSlider(evt);
+				evt.preventDefault();
+			};
+			
+			var stopSlider = function(evt) {
+				$win.unbind('mousemove', dragSlider).unbind('mouseup', stopSlider);
+				slider = null;
+			};
+			
+			
+			// --------------
+			var thisAlpha = ($this.paint.alpha*255/100).toString(16);
+			while (thisAlpha.length < 2) { thisAlpha = "0" + thisAlpha; }
+			thisAlpha = thisAlpha.split(".")[0];
+			color = $this.paint.solidColor == "none" ? "" : $this.paint.solidColor + thisAlpha;
+			
+			if(!isSolid) {
+				color = stops[0].getAttribute('stop-color');
+			}
+			
+			// This should be done somewhere else, probably
+			$.extend($.fn.jPicker.defaults.window, {
+				alphaSupport: true, effects: {type: 'show',speed: 0}
+			});
+			
+			colPicker.jPicker(
+				{
+					window: { title: $settings.window.pickerTitle },
+					images: { clientPath: $settings.images.clientPath },
+					color: { active: color, alphaSupport: true }
+				},
+				function(color) {
+					$this.paint.type = "solidColor";
+					$this.paint.alpha = color.val('ahex') ? Math.round((color.val('a') / 255) * 100) : 100;
+					$this.paint.solidColor = color.val('hex') ? color.val('hex') : "none";
+					$this.paint.radialGradient = null;
+					okClicked(); 
+				},
+				null,
+				function(){ cancelClicked(); }
+				);
+
+			
+			var tabs = $(idref + ' .jGraduate_tabs li');
+			tabs.click(function() {
+				tabs.removeClass('jGraduate_tab_current');
+				$(this).addClass('jGraduate_tab_current');
+				$(idref + " > div").hide();
+				var type = $(this).attr('data-type');
+				var container = $(idref + ' .jGraduate_gradPick').show();
+				if(type === 'rg' || type === 'lg') {
+					// Show/hide appropriate fields
+					$('.jGraduate_' + type + '_field').show();
+					$('.jGraduate_' + (type === 'lg' ? 'rg' : 'lg') + '_field').hide();
+					
+					$('#' + id + '_jgraduate_rect')[0].setAttribute('fill', 'url(#' + id + '_' + type + '_jgraduate_grad)');
+					
+					// Copy stops
+					
+					curType = type === 'lg' ? 'linearGradient' : 'radialGradient';
+					
+					$('#' + id + '_jGraduate_OpacInput').val($this.paint.alpha).change();
+					
+					var newGrad = $('#' + id + '_' + type + '_jgraduate_grad')[0];
+					
+					if(curGradient !== newGrad) {
+						var cur_stops = $(curGradient).find('stop');	
+						$(newGrad).empty().append(cur_stops);
+						curGradient = newGrad;
+						var sm = spreadMethodOpt.val();
+						curGradient.setAttribute('spreadMethod', sm);
+					}
+					showFocus = type === 'rg' && curGradient.getAttribute('fx') != null && !(cx == fx && cy == fy);
+					$('#' + id + '_jGraduate_focusCoord').toggle(showFocus);
+					if(showFocus) {
+						$('#' + id + '_jGraduate_match_ctr')[0].checked = false;
+					}
+				} else {
+					$(idref + ' .jGraduate_gradPick').hide();
+					$(idref + ' .jGraduate_colPick').show();
+				}
+			});
+			$(idref + " > div").hide();
+			tabs.removeClass('jGraduate_tab_current');
+			var tab;
+			switch ( $this.paint.type ) {
+				case 'linearGradient':
+					tab = $(idref + ' .jGraduate_tab_lingrad');
+					break;
+				case 'radialGradient':
+					tab = $(idref + ' .jGraduate_tab_radgrad');
+					break;
+				default:
+					tab = $(idref + ' .jGraduate_tab_color');
+					break;
+			}
+			$this.show();
+			
+			// jPicker will try to show after a 0ms timeout, so need to fire this after that
+			setTimeout(function() {
+				tab.addClass('jGraduate_tab_current').click();	
+			}, 10);
+		});
+	};
+})();