/** @license Copyright 2010 Hanov Solutions Inc. All Rights Reserved steve.hanov@gmail.com */ var r=true,u=null,z=false;function A(){return function(){}}function aa(a){return function(b){this[a]=b}}function ba(a){return function(){return this[a]}}function ca(a){return function(){return a}}function G(){this.I()} G.prototype={I:function(){this.id=da++;this.rect=new J(0,0,1,1);this.u=new L;this.parent=u;this.children=[]},Sa:[],ka:ba("Sa"),dd:function(a){for(var b=this.ka(),c=0;c=0;b--)this.children[b].e(a)},pc:function(a){for(var b,c=0;c=this.rect.x&&a=this.rect.y&&b6/29*(6/29)*(6/29)?Math.pow(l,1/3):1/3*29/6*(29/6)*l+4/29}var g={va:1/3,wa:1/3,Ka:1/3},j=i(k.b[1]/g.wa);return new P(ra,[116*j-16,500*(i(k.b[0]/g.va)-j),200*(j-i(k.b[2]/g.Ka)),k.b[3]])}function d(k){var i=(k.b[0]+16)/116,g=i+k.b[1]/500,j=i-k.b[2]/200,l={va:1/3,wa:1/3,Ka:1/3},p=6/29;return new P(P.se,[g>p?l.va*g*g*g:(g-16/116)*3*p*p*l.va,i>p?l.wa*i*i*i:(i-16/116)*3* p*p*l.wa,j>p?l.Ka*j*j*j:(j-16/116)*3*p*p*l.Ce,k.b[3]])}function e(k){for(var i=[],g=0;g<3;g++)i[g]=k.b[g]<=0.04045?k.b[g]/12.92:Math.pow((k.b[g]+0.055)/1.055,2.4);return new P(pa,[0.4124*i[0]+0.3576*i[1]+0.1805*i[2],0.2126*i[0]+0.7152*i[1]+0.0722*i[2],0.0193*i[0]+0.1192*i[1]+0.9505*i[2],k.b[3]])}function f(k){var i=[],g=[];i[0]=3.241*k.va-1.5374*k.wa-0.4986*k.Ka;i[1]=-0.9692*k.va+1.876*k.wa+0.0416*k.Ka;i[2]=0.0556*k.va-0.204*k.wa+1.057*k.Ka;for(var j=0;j<3;j++)g[j]=i[j]<=0.0031308?12.92*i[j]:1.055* Math.pow(i[j],1/2.4)-0.055;g[3]=k.b[3];return new P(oa,g)}function h(k){return new P(k.type,k.b.concat())}function n(k){return c(e(k))}function q(k){return b(f(k))}na=[[h,e,b,n],[f,h,q,c],[a,function(k){return e(a(k))},h,function(k){return n(a(k))}],[function(k){return f(d(k))},d,function(k){return q(d(k))},h]]})(); var ua={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400", darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520", gray:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightsteelblue:"#b0c4de", lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23", orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090", snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function va(a){this.p=document.createElement("div");this.canvas=document.createElement("canvas");this.height=this.width=a;this.canvas.width=this.width;this.canvas.height=this.height;this.canvas.style.cursor="crosshair";this.a=this.canvas.getContext("2d");this.p.appendChild(this.canvas);var b=document.createElement("input");b.type="range";if("min"in b){this.p.appendChild(document.createElement("br"));this.p.appendChild(b);b.min=0;b.max=255;b.value=255;this.La=b}else this.La=u;this.B=this.height;this.pa= this.height*0.8;if(va[a])this.data=va[a];else{b=this.a.getImageData(0,0,this.B,this.B);for(var c=this.B/2,d=this.pa/2,e,f=0;f=0){h=Math.sqrt(k);k=Math.floor(-h+c);var i=Math.floor(h+c);h=f*this.B*4+n*4;for(n=n;n<=k;n++){e=Math.atan2(f-c,n-c);e=new P(qa,[e/Math.PI*180,1,1,1]);e=e.Ma(oa);b.data[h++]=e.b[0]*255;b.data[h++]=e.b[1]*255;b.data[h++]=e.b[2]*255;b.data[h++]=255}h=f*this.B*4+i*4;n=i}else{h= f*this.B*4+n*4;n=n}for(;n<=q;n++){e=Math.atan2(f-c,n-c);e=new P(qa,[e/Math.PI*180,1,1,1]);e=e.Ma(oa);b.data[h++]=e.b[0]*255;b.data[h++]=e.b[1]*255;b.data[h++]=e.b[2]*255;b.data[h++]=255}}this.data=b;va[a]=b}this.K=new P(qa,[20,1,1,1]);this.update();this.e();var g=this;g.Cb=z;g.$a="";$(this.canvas).mousedown(function(j){var l=$(g.canvas).offset(),p=j.pageX-l.left;l=j.pageY-l.top;g.Cb=r;g.hc(p,l);j.stopPropagation();j.preventDefault()});$(this.canvas).mousemove(function(j){if(g.Cb){var l=$(g.canvas).offset(); g.hc(j.pageX-l.left,j.pageY-l.top)}j.stopPropagation();j.preventDefault()});$(window).mouseup(function(){g.Cb=z;g.$a=""});this.La!==u&&$(this.La).change(function(){g.K.b[3]=g.La.value/255;g.update();g.e()})} va.prototype={fe:function(a){var b=a;if(b.toLowerCase()in ua)b=ua[b.toLowerCase()];var c=/rgba\( *([0-9]+) *, *([0-9]+) *, *([0-9]+) *, *([0-9\.]+) *\)/,d;a=/\#([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])([0-9a-f][0-9a-f])/i.exec(b);if(a!==u){b=parseInt(a[1],16)/255;c=parseInt(a[2],16)/255;d=parseInt(a[3],16)/255;a=1}else{a=c.exec(b);if(a!==u){b=parseFloat(a[1])/255;c=parseFloat(a[2])/255;d=parseFloat(a[3])/255;a=parseFloat(a[4])}else{b=1;c=0;a=d=1}}this.K=(new P(oa,[b,c,d,a])).Ma(qa);if(this.La!==u)this.La.value= Math.round(this.K.b[3]*255);this.e();this.update()},update:function(){this.Jc&&this.Jc(this.K.toString())},e:function(){this.a.save();this.a.lineWidth=1;this.a.fillStyle="rgb(128, 128, 128)";this.a.fillRect(0,0,this.width,this.height);this.a.putImageData(this.data,0,0);var a=this.K.b[0]/180*Math.PI;this.a.beginPath();var b={x:Math.cos(a)*this.pa/2+this.B/2,y:Math.sin(a)*this.pa/2+this.B/2},c={x:Math.cos(a+2*Math.PI/3)*this.pa/2+this.B/2,y:Math.sin(a+2*Math.PI/3)*this.pa/2+this.B/2},d={x:Math.cos(a+ 4*Math.PI/3)*this.pa/2+this.B/2,y:Math.sin(a+4*Math.PI/3)*this.pa/2+this.B/2},e={x:Math.cos(a)*this.B/2+this.B/2,y:Math.sin(a)*this.B/2+this.B/2};a={x:c.x+(d.x-c.x)/2,y:c.y+(d.y-c.y)/2};this.a.moveTo(b.x,b.y);this.a.lineTo(c.x,c.y);this.a.lineTo(d.x,d.y);this.a.lineTo(b.x,b.y);var f=this.a.createLinearGradient(c.x,c.y,d.x,d.y);f.addColorStop(0,"#ffffff");f.addColorStop(1,"#000000");this.a.fillStyle=f;this.a.fill();f=this.a.createLinearGradient(b.x,b.y,a.x,a.y);var h=this.K.Ma(qa);h.b[1]=1;h.b[2]= 1;h=h.Ma(oa);h.b[3]=1;f.addColorStop(0,h.toString());h.b[3]=0;f.addColorStop(1,h.toString());this.a.fillStyle=f;this.a.fill();this.strokeStyle="#000000";this.a.beginPath();this.a.moveTo(b.x,b.y);this.a.lineTo(e.x,e.y);this.a.stroke();f=1-this.K.b[2];e=this.K.b[1]*b.x+f*d.x+(1-this.K.b[1]-f)*c.x;f=this.K.b[1]*b.y+f*d.y+(1-this.K.b[1]-f)*c.y;this.a.beginPath();this.a.arc(e,f,4,0,2*Math.PI,z);this.a.stroke();this.a.restore();this.Xd=b;this.Yd=c;this.Zd=d;this.xe=a},hc:function(a,b){var c=Math.sqrt((a- this.B/2)*(a-this.B/2)+(b-this.B/2)*(b-this.B/2));if(this.$a==="ring"||this.$a!=="triangle"&&c>=this.pa/2&&c<=this.B/2){this.K.b[0]=Math.atan2(this.B/2-b,this.B/2-a)/Math.PI*180+180;if(this.K.b[1]===0){this.K.b[1]=1;this.K.b[2]=1}this.$a="ring"}else{var d,e=this.Xd;c=this.Yd;var f=this.Zd;d=(e.x-f.x)*(c.y-f.y)-(c.x-f.x)*(e.y-f.y);c=((c.y-f.y)*(a-f.x)-(c.x-f.x)*(b-f.y))/d;d=1-Math.max(0,c)-Math.max(0,(-(e.y-f.y)*(a-f.x)+(e.x-f.x)*(b-f.y))/d);this.K.b[1]=Math.min(Math.max(c,0),1);this.K.b[2]=1-Math.min(Math.max(d, 0),1);this.$a="triangle"}this.e();this.update()}};function wa(a,b,c,d){this.view=a;this.f=b;this.name=c;this.value=d;this.Fc=[];for(a=0;a").addClass("keydiv");$(this.p).append(d);d.append("

Keyboard

");e=[{key:"C",description:"Draw curves"},{key:"L",description:"Draw lines"}];a.length>0&&e.push({key:"Del",description:"Delete Selection"},{key:"Ctrl+D",description:"Duplicate Selection"},{key:"PageUp",description:"Move selection closer"}, {key:"PageDown",description:"Move selection away"});a.length>1&&e.push({key:"Ctrl+G",description:"Group selection"});b&&e.push({key:"Ctrl+Shift+G",description:"Break apart group"});e.push({key:"+",description:"Zoom in"});e.push({key:"-",description:"Zoom out"});e.push({key:"Arrow Keys",description:"Move while zoomed"});for(c=0;c").text(e[c].key).addClass("key");a=$("

").append(a);a[0].appendChild(document.createTextNode(e[c].description));d.append(a)}},Fd:function(a,b){var c; if(a.name in this.tb){c=this.tb[a.name];if(c.value!==b.S(a.name))c.value=u}else{c={ce:a,value:b.S(a.name)};this.sb.push(c);this.tb[a.name]=c}},fd:function(){function a(){f.oe(this)}function b(j){j.keyCode===13&&f.apply(this.Ra.name,this.value)}function c(){f.apply(this.Ra.name,this.Ra.b[parseInt(this.value,10)].value)}$(this.p).empty();var d,e,f=this;for(d=0;d0},ic:function(){return this.nextthis.x+this.width)this.width+=a.x+a.width-this.x-this.width;if(a.y+a.height>this.y+this.height)this.height+=a.y+a.height-this.y-this.height},db:function(a,b){if(a this.x+this.width)this.width=a-this.x;if(bthis.y+this.height)this.height=b-this.y},contains:function(a){return this.x<=a.x&&this.x+this.width>a.x+a.width&&this.y<=a.y&&this.y+this.height>a.y+a.height},mc:function(a,b){return this.x<=a&&this.x+this.width>a&&this.y<=b&&this.y+this.height>b},de:function(){if(this.width<0){this.x+=this.width;this.width=-this.width}if(this.height<0){this.y+=this.height;this.height=-this.height}},Bd:function(a,b){this.x-= a/2;this.y-=b/2;this.width+=a;this.height+=b}};function ea(a){var b;if(a instanceof Function)return a;else if(a instanceof Array)b=a.concat();else if(a instanceof Object){b={};for(var c in a)b[c]=ea(a[c])}else b=a;return b}function L(){this.m11=1;this.m21=this.m12=0;this.m22=1;this.w=this.A=0} L.prototype={save:function(){return{m11:this.m11,m12:this.m12,m21:this.m21,m22:this.m22,dx:this.A,dy:this.w}},multiply:function(a){var b=new L;b.m11=this.m11*a.m11+this.m12*a.m21;b.m21=this.m21*a.m11+this.m22*a.m21;b.m12=this.m11*a.m12+this.m12*a.m22;b.m22=this.m21*a.m12+this.m22*a.m22;b.A=this.m11*a.A+this.m12*a.w+this.A;b.w=this.m21*a.A+this.m22*a.w+this.w;return b},apply:function(a,b){return new Ba(this.m11*a+this.m12*b+this.A,this.m21*a+this.m22*b+this.w)}}; function Ga(a,b,c,d){if(c===undefined){this.m11=a;this.m21=this.m12=0;this.m22=b;this.w=this.A=0}else{this.m11=a;this.m21=this.m12=0;this.m22=b;this.A=c-a*c;this.w=d-b*d}}Ga.prototype=L.prototype;function Ha(a,b,c){var d=Math.cos(a);a=Math.sin(a);this.m11=d;this.m12=a;this.m21=-a;this.m22=d;this.A=-b*d-c*a+b;this.w=b*a-c*d+c}Ha.prototype=L.prototype;function Ia(a,b){this.m11=1;this.m21=this.m12=0;this.m22=1;this.A=a;this.w=b}Ia.prototype=L.prototype; function Ja(a,b,c,d,e,f,h,n,q,k){var i=(b+d)/2,g=(c+e)/2,j=(d+f)/2,l=(e+h)/2,p=(f+n)/2,v=(h+q)/2,y=(i+j)/2,s=(g+l)/2;j=(j+p)/2;l=(l+v)/2;var m=(y+j)/2,o=(s+l)/2,t=n-b,w=q-c;d=Math.abs((d-n)*w-(e-q)*t);f=Math.abs((f-n)*w-(h-q)*t);if((d+f)*(d+f)>8&255;this.D.data[a+2]=c>>16&255;this.D.data[a+3]=c>>24&255},vc:A()}; function La(a,b){this.W=a;this.fb=b;this.data=[]} La.prototype={width:ba("W"),height:ba("fb"),getImageData:function(){var a=document.createElement("canvas");a.width=this.W;a.height=this.fb;a=a.getContext("2d").getImageData(0,0,this.W,this.fb);for(var b=this.W*this.fb,c=0;c0&&this.i[0].type===this.Ha?a.push({name:"smoothness",display:"Smoothness",type:"select",b:[{name:"Sharper",value:0.1}, {name:"Sharp",value:0.2},{name:"Smooth",value:0.3},{name:"Smoothest",value:0.5}]}):a.push({name:"sloppiness",display:"Sloppiness",type:"select",b:[{name:"Draftsman",value:0},{name:"Artist",value:0.25},{name:"Cartoonist",value:0.5},{name:"Child",value:1},{name:"Drunk",value:2}]});a.push({name:"shadow",display:"Shadow",type:"select",b:[{name:"Shadow",value:r},{name:"None",value:z}]});if(this.closed)a=a.concat(this.L.ka());return a},S:function(a){return a in S||!this.closed?this[a]:this.L.S(a)},setProperty:function(a, b){if(a in S||!this.closed){S[a]=b;this[a]=b}else this.L.setProperty(a,b)},I:function(a,b){this.F.I.apply(this);this.strokeStyle=S.strokeStyle;this.fillStyle=S.fillStyle;this.lineWidth=S.lineWidth;this.smoothness=S.smoothness;this.sloppiness=S.sloppiness;this.shadow=S.shadow;this.ea=a;this.fa=b;this.n=a;this.o=b;this.i=[];this.closed=z;this.L=new ja("");this.L.path=this},load:function(a){this.F.load.apply(this,[a]);this.strokeStyle=a.strokeStyle;this.fillStyle=a.fillStyle;this.lineWidth=a.lineWidth; this.smoothness=a.smoothness;this.sloppiness=a.sloppiness;this.shadow=a.shadow;this.ea=a.startX;this.fa=a.startY;this.n=this.ea;this.o=this.fa;this.closed=a.closed;for(var b=this.i.length=0;b0){e=this.i[this.i.length-1];e.x=this.ea;e.y=this.fa}for(var f=0;f=3&&this.i[0].type===this.Ha&&this.qc(d,d.n,d.o,this.i[0],r);this.rect.x=this.n;this.rect.y=this.o;this.rect.width=0;this.rect.height=0;this.pb=this.ad(16);c=this.pb;if(c.length===0)c=new J(0,0,0,0);else{b=c[0].x;d=c[0].x;e=c[0].y;f=c[0].y;for(var h=1;hd)d=c[h].x;if(c[h].yf)f=c[h].y}c=new J(b,e,d-b,f-e)}this.rect=c;this.rect.Bd(this.lineWidth*2+1,this.lineWidth*2+1);if(this.rect.width<8){this.rect.x+=this.rect.width/2-4;this.rect.width=8}if(this.rect.height<8){this.rect.y+=this.rect.height/2-4;this.rect.height=8}if(this.closed){c=this.pb;if(c.length===0)c=new Ba(0,0);else{b=c[0].x;d=c[0].y;for(e=1;e0&&a.stroke();a.restore();this.closed&&this.L.e(a)},Za:ca(r),Pa:function(a,b,c){c=8*c;if(a>=this.n-c&&a=this.o-c&&b=this.i[e].n-c&&a=this.i[e].o-c&&b20)a=20;d.n+=this.sloppiness*d.Q[0]*a/4;d.o+=this.sloppiness*d.Q[1]*a/4;d.fx=b;d.sd=c;var e=b,f=c,h=d.n,n=d.o;e+=a;h+=a;f+=a;n+=a;d.ha=e+d.Q[2]*(h-e);d.ia=f+d.Q[2]*(n-f);e=b-a;h=d.n-a;f=c-a;n=d.o-a;d.Y=e+d.Q[3]*(h-e);d.Z=f+d.Q[3]*(n-f)},aa:function(){var a;a=this.u.apply(this.ea, this.fa);this.ea=a.x;this.fa=a.y;for(var b=0;b=this.rect.x-8&&a=this.rect.y-8&&bf){n=f;k=d;q=h;h=e}else{n=d;k=f;q=e;h=h}if(d1)q=1;else if(q<0)q=0;k=k+q*i-a;f=f+q*n-b;if(k*k+f*f<=d){c=r;break a}}c=z}if(c)return this}return u},ad:function(a){var b=[];b.push({x:this.n,y:this.o,ye:0});for(var c=this.n,d=this.o,e=0;e=x){x=E;M=I}}return{zc:x,Rc:M}}function y(m,o,t,w,D,I){var x,E,M,B,C,H;x=[{},{},{},{}];H=I*I;if(t-o+1===2){I=f(m[t],m[o])/3;x[0]=m[o];x[3]=m[t];q(x[0],n(w,I),x[1]);q(x[3], n(D,I),x[2]);c(3,x)}else{B=[];B[0]=0;for(C=o+1;C<=t;C++)B[C-o]=B[C-o-1]+f(m[C],m[C-1]);for(C=o+1;C<=t;C++)B[C-o]/=B[t-o];E=B;x=j(m,o,t,E,w,D);C=v(m,o,t,x,E);B=C.zc;C=C.Rc;if(B2&&p[0].x===p[p.length-1].x&&p[0].y===p[p.length-1].y&&p.pop();f(k,p);return p}b=Math.floor(b);c=Math.floor(c);var n=new Ka(a.getImageData(0,0,d,e));Va(n.getImageData());d=new La(d,e);console.log("flood fill");(function(k,i,g,j){function l(D,I,x,E){D+E>=t.Yc&&D+E<=t.ua&&o.push({y:D,qe:I,re:x,w:E})} var p,v,y,s,m,o=[];p=0;var t={Xc:0,Yc:0,na:k.width()+1,ua:k.height()+1};m=k.get(g,j);var w=m===0?m+1:m-1;w=4278222848;if(!(m===w||gt.na||jt.ua)){l(j,g,g,1);for(l(j+1,g,g,-1);o.length>0;){p=o.pop();s=p.w;j=p.y+s;v=p.qe;y=p.re;for(g=v;g>=t.Xc&&k.get(g,j)===m;g--){k.Ta(g,j,w);i.Ta(g,j,r)}if(gy)continue;p=g}do{for(;g<=t.na&&k.get(g,j)===m;g++){k.Ta(g,j,w);i.Ta(g,j,r)}l(j,p,g-1,s);g>y+1&&l(j,y+1,g-1,-s);for(g++;g<= y&&k.get(g,j)!==m;g++);p=g}while(g<=y)}}})(n,d,b,c);Va(n.getImageData());Va(d.getImageData());b=new Ma;for(c=0;;c++){console.log("tracing...");if(c>100)throw"Trace limit exceeded";e=h(d);if(e===u||e.length===0)break;c>0&&e.reverse();Va(d.getImageData());Ua.bb("NumPoints=%d\n",e.length);for(var q=0;q0},ba:function(a,b){if(this.G.ba(a,b))return this},t:function(a){if(this.uc()){this.G.t(this.canvas.getContext("2d"));var b=this.blur*2,c=this.G.rect;this.rect.x= c.x-b;this.rect.y=c.y-b;this.rect.width=c.width+b*2;this.rect.height=c.height+b*2;this.canvas.width=this.rect.width;this.canvas.height=this.rect.height;a=this.canvas.getContext("2d");a.save();a.translate(-c.x+b,-c.y+b);this.G.e(a);a.restore();b=a.getImageData(0,0,this.canvas.width,this.canvas.height);c=this.blur;var d=b.width,e=b.height,f=[],h=b.data,n=1/(c*2*c*2),q,k;for(k=0;k<3;k++)for(q=0;q<4;q++){var i,g,j,l=0;l=q;g=j=1;for(f[0]=h[l];j=d?d-1:i+c,y=g+c>=e?e-1:g+c;j=f[v+y*d]+f[j+p*d]-f[j+y*d]-f[v+p*d];h[l]=Math.round(j*n);l+=4}l+=c*2*4}}a.putImageData(b,0,0)}else this.G.t(a)},transform:function(a){this.G.transform(a)},aa:function(){this.G.aa()},e:function(a){this.uc()?a.drawImage(this.canvas,this.rect.x,this.rect.y):this.G.e(a)},Za:function(){return this.G.Za()},Pa:function(a, b,c){return this.G.Pa(a,b,c)},da:function(a,b,c){this.G.da(a,b,c)},Na:function(a,b){this.G.Na(a,b)},Hb:function(){return this.G.u},Da:function(a){this.G.Da(a)},setProperty:function(a,b){if(a==="blur")this.blur=Ya[a]=b;else this.G.setProperty(a,b)},S:function(a){return a==="blur"?this.blur:this.G.S(a)},Sa:[{name:"blur",display:"Blur radius",type:"select",b:[{name:"None",value:0},{name:"Blur",value:5},{name:"Blur Lots",value:30}]}],ka:function(){return this.G.ka().concat(this.Sa)}}; Xa.prototype=$.extend({},G.prototype,Xa.prototype);Xa.prototype.F=G.prototype;window.EffectNode=Xa;if(!window.JSON)window.JSON={}; (function(){function a(k){return k<10?"0"+k:k}function b(k){e.lastIndex=0;return e.test(k)?'"'+k.replace(e,function(i){var g=n[i];return typeof g==="string"?g:"\\u"+("0000"+i.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+k+'"'}function c(k,i){var g,j,l,p,v=f,y,s=i[k];if(s&&typeof s==="object"&&typeof s.toJSON==="function")s=s.toJSON(k);if(typeof q==="function")s=q.call(i,k,s);switch(typeof s){case "string":return b(s);case "number":return isFinite(s)?String(s):"null";case "boolean":case "null":return String(s); case "object":if(!s)return"null";f+=h;y=[];if(Object.prototype.toString.apply(s)==="[object Array]"){p=s.length;for(g=0;g=0;a--){var b=this.selection[a],c=b.parent,d=c.removeChild(b);this.Rb.push(d);switch(this.type){case 0:c.J(b,0);break;case 1:c.J(b,c.children.length);break;case 2:d>0?c.J(b,d-1):c.J(b,d);break;case 3:d=0&&this.parents[a].children.splice(this.qb[a],0,this.selection[a])}}; function eb(a,b,c){this.l=b;this.f=[];this.view=a;this.view.xb(c);c=this.view.m.lc(c);a=new Ia(10,10);for(b=0;b=0;a--){var b=this.f[a];b.parent!==u&&this.Qb[a].J(b,this.Pb[a])}}}; function hb(a){this.view=a;this.f=this.view.selection.concat();this.view.xb(this.f);this.Ib=[]} hb.prototype={execute:function(){for(var a={},b=0;b=0;a--){for(var b=this.Ib[a],c=b.children.length-1;c>=0;c--){b.tc.removeChild(b.children[c]);b.k.J(b.children[c],0)}b.tc.J(b.k,b.index)}}}; function ib(a,b,c,d){this.view=a;this.w=this.A=0;this.Gb=z;this.P=b;this.ma(c,d)} ib.prototype={ma:function(a,b){this.A=a;this.w=b;this.Gb=r},Qa:function(a,b){if(this.Gb){var c=this.view.a;this.view.e();c.save();c.strokeStyle="#0050B7";c.lineWidth=2/this.view.scale;c.fillStyle="rgba(0, 80, 183, 0.2)";var d=new J(this.A+0.5,this.w+0.5,a-this.A,b-this.w);c.fillRect(d.x,d.y,d.width,d.height);c.strokeRect(d.x,d.y,d.width,d.height);c.restore()}},ab:function(a,b){this.Gb=z;this.view.ee(new J(this.A,this.w,a-this.A,b-this.w));this.view.oa();this.view.e();this.view.g=this.P}}; function jb(a,b,c,d,e,f){this.view=a;this.handle=c;this.P=b;this.le=d;this.view.Oc(this.handle===this.view.Ja);this.ma(e,f)} jb.prototype={ma:function(a,b){this.A=a;this.w=b;for(var c=this.f=this.view.wd(),d=[],e=0;e0){this.a.save();this.a.strokeStyle="#000000";this.a.lineWidth=1/this.scale;var a=this.cb.apply(this.j.x,this.j.y),b=this.cb.apply(this.j.x+this.j.width, this.j.y),c=this.cb.apply(this.j.x+this.j.width,this.j.y+this.j.height),d=this.cb.apply(this.j.x,this.j.y+this.j.height),e=new Ba(this.vb,this.wb),f=this.Zb/this.scale;this.a.strokeRect(b.x-f,b.y-f,f*2,f*2);this.a.strokeRect(a.x-f,a.y-f,f*2,f*2);this.a.strokeRect(d.x-f,d.y-f,f*2,f*2);this.a.strokeRect(c.x-f,c.y-f,f*2,f*2);if(this.nc){this.a.beginPath();this.a.strokeStyle="#008000";this.a.lineWidth=3/this.scale;this.a.moveTo(e.x,e.y);this.a.arc(e.x,e.y,6/this.scale,0,1.5*Math.PI,z);this.a.stroke()}this.a.restore()}this.Oa&& this.Oa.Na(this.a,1/this.scale);this.Ac&&this.Ac.e(this.a);if(this.Kb!==u&&this.Jb.complete)try{this.a.drawImage(this.Jb,0,0)}catch(h){}this.a.save();this.a.setTransform(1,0,0,1,0,0);this.a.lineWidth=1;this.a.strokeStyle="#4fa0d3";this.a.beginPath();for(a=this.zb;a>0;a-=3){this.a.moveTo(this.canvas.width,this.canvas.height-a);this.a.lineTo(this.canvas.width-a,this.canvas.height)}this.a.stroke();this.a.restore()},ee:function(a){for(var b=0;b0){for(var d=r,e=0;e=this.canvas.width-this.zb&&a=this.canvas.height-this.zb&& b=this.j.x-c&&a=this.j.y-c&&b=this.j.y+this.j.height-c&&b=this.j.x+this.j.width-c&&a=this.j.y-c&&b=this.j.y+this.j.height-c&&b=this.vb-c&&a=this.wb-c&&b0&&this.ga(a.children[0])}},gb:function(){if(this.selection.length!==0){var a=this.selection[0];this.j.x=a.rect.x;this.j.y=a.rect.y;this.j.width=a.rect.width;this.j.height=a.rect.height;for(a=1;a0){this.Ca+=1;this.selection.length=0}},ec:function(a){a.Qc=this.Od++;for(var b=0;b1?window.ue?decodeURIComponent(d[1].replace(/\+/g," ")):unescape(d[1]):""}catch(e){}}return b} function tb(a){function b(){var h=400;if(c.xa)h=75;c.canvas.width=$(window).width()-h;c.canvas.height=$(window).height()-$(c.canvas).offset().top-15;c.q.e()}var c=this,d=sb(window.location.href);this.xa="component"in d?parseFloat(d.component):0;this.v=new ya;this.p=document.getElementById(a);a=new Za;a.X("wd-box.png",function(){c.Md()});a.X("wd-circle.png",function(){c.Jd()});a.X("wd-line.png",function(){c.Lb()});a.X("wd-curve.png",function(){c.Fb()});a.X("wd-arrow.png",function(){c.Ab()});this.xa|| a.X("wd-text.png",function(){c.Nd()});a.X("wd-undo.png",function(){c.N()});a.X("wd-redo.png",function(){c.Vb()});a.X("wd-copy.png",function(){c.q.copy()});a.X("wd-paste.png",function(){c.q.$d()});a.p.style.cssFloat="left";this.p.appendChild(a.p);this.canvas=$("")[0];this.canvas.style.borderColor="black";this.canvas.style.borderWidth="2px";this.canvas.style.borderStyle="solid";if(!c.xa)this.canvas.style.borderTop="2px solid white";this.canvas.style.cssFloat= "left";this.canvas.style.cursor="default";this.ob=new xa;this.q=new qb(this.canvas,this.v,this.ob);this.p.appendChild(this.canvas);c.xa||this.p.appendChild(this.ob.p);$(window).resize(b);$(window).load(b);this.z={name:"Drawing created on "+(new Date).toLocaleDateString(),id:-1,M:0};this.hasFocus=z;Q=this;if("drawdoc"in d){var e;try{e=window.JSON.parse(d.ve)}catch(f){alert("Error loading drawing.");return}this.q.m.l=N(e);this.q.update()}this.options=new ma(this.xa);if(this.xa){$("#menubar").hide(); $("#about").hide();document.getElementById("logo").style.width="100px"}window.addEventListener("message",function(h){var n;try{n=window.JSON.parse(h.data)}catch(q){alert("Caught exception processing Zwibbler API message:"+q);return}if(n["function"]==="saveToString"){h=U({ticket:n.ticket,args:[U(Q.q.m.l.save())]});window.parent.postMessage(h,"*")}else if(n["function"]==="loadFromString"){var k;try{k=window.JSON.parse(n.args.sourceText)}catch(i){alert("Error loading drawing.");return}rb(k,{name:"Drawing created on "+ (new Date).toLocaleDateString(),id:-1,M:0});window.parent.postMessage(U({ticket:n.ticket,args:[]}),"*")}else n["function"]==="saveToTemporaryFile"&&V.yd(n.args.type,U(Q.q.m.l.save()),function(g,j){g==="ok"?window.parent.postMessage(U({ticket:n.ticket,args:[j.url]}),"*"):alert(g)})},z)} tb.prototype={$:function(){return this.v.$},N:function(){if(this.v.jc()){this.v.N();this.q.update()}},Vb:function(){if(this.v.ic()){this.v.Vb();this.q.update()}},Kd:function(){this.q.R();this.v.clear();this.q.m=new Sa;this.q.update();this.z={name:"Drawing created on "+(new Date).toLocaleDateString(),id:-1,M:0}},Md:function(){var a=new R(10,10);a.lineTo(110,10);a.lineTo(110,110);a.lineTo(10,110);a.lineTo(10,10);a.close();this.v.execute(new bb(this.q,this.q.m.l,a));this.q.update()},Jd:function(){var a= new R(50,0);a.hb(100,0,100,50);a.hb(100,100,50,100);a.hb(0,100,0,50);a.hb(0,0,50,0);a.close();this.v.execute(new bb(this.q,this.q.m.l,a));this.q.update()},Nd:function(){this.v.execute(new bb(this.q,this.q.m.l,new ja("Lorum ipsum dolor")));this.q.update()},Lb:function(){this.q.Lb()},Fb:function(){this.q.Fb()},Ab:function(){this.q.Ab()}};function ub(){}ub.prototype.hide=function(){this.p.remove()};ub.prototype.show=function(a){this.p=$("

");var b=$(window);this.p.css("position","fixed");this.p.css("background","black");this.p.css("opacity","0.25");this.p.css("left","0");this.p.css("top","0");this.p.css("zindex","1");this.p.css("width",""+b.width()+"px");this.p.css("height",""+b.height()+"px");this.p.css("display","none");this.p.click(function(){a()});$("body").append(this.p);this.p.fadeIn("normal")}; function vb(){this.T("");this.form=document.getElementById("createaccountform")} vb.prototype={ja:"createaccount",onsubmit:function(){if(this.form.userNameInput.value==="")this.T("Username is blank.");else if(this.form.passwordInput1.value==="")this.T("Password is blank.");else if(this.form.passwordInput2.value!==this.form.passwordInput1.value)this.T("Passwords do not match.");else{this.form.submitButton.disabled=r;this.form.cancelButton.disabled=r;var a=this;V.hd(this.form.userNameInput.value,this.form.passwordInput1.value,function(b,c){if(b==="ok"){X.H();X.Tb(c)}else{a.form.submitButton.disabled= z;a.form.cancelButton.disabled=z;a.T(b)}})}return z},T:function(a){$("#createaccounterror").text(a)}};vb.prototype.onsubmit=vb.prototype.onsubmit;function wb(){this.T("");this.form=document.getElementById("changepasswordform");this.form.oldpassword.value="";this.form.newpassword1.value="";this.form.newpassword2.value="";this.form.submitButton.disabled=z;this.form.cancelButton.disabled=z} wb.prototype={ja:"changePasswordDiv",onsubmit:function(){var a=this.form.oldpassword.value,b=this.form.newpassword1.value;if(b!==this.form.newpassword2.value)this.T("Passwords do not match.");else if(b==="")this.T("Password is blank.");else{this.T("");this.form.submitButton.disabled=r;this.form.cancelButton.disabled=r;var c=this;V.Db(a,b,function(d){if(d==="ok")X.H();else{c.form.submitButton.disabled=z;c.form.cancelButton.disabled=z;c.T(d)}})}return z},T:function(a){$("#passwordError").text(a)}}; wb.prototype.onsubmit=wb.prototype.onsubmit;function xb(a){this.lb=a;$("#surediv").slideDown("normal")}xb.prototype={ja:"checksave",la:function(){X.H();this.lb&&this.lb()},Xa:function(){X.H()}};xb.prototype.okayClicked=xb.prototype.la;xb.prototype.cancelClicked=xb.prototype.Xa;function yb(a){$("#message-title").text(a.title);$("#message-text").text(a.text)}yb.prototype={ja:"message",la:function(){X.H()}};yb.prototype.okayClicked=yb.prototype.la; function Bb(){$("#share-enabled").hide();$("#share-working").hide();$("#share-not-enabled").hide();Q.z.M?this.Pc():$("#share-not-enabled").show()} Bb.prototype={ja:"share",ne:function(){var a=this;$("#share-enabled").hide();$("#share-working").show();Q.z.M=0;Q.z.data="";V.Xb(Q.z,function(b){$("#share-working").hide();if(b==="ok"){Q.M=0;X.H()}else{Q.z.M=1;a.error(b)}})},he:function(){var a=this;$("#share-not-enabled").hide();$("#share-working").show();Q.z.M=1;Q.z.data="";V.Xb(Q.z,function(b){$("#share-working").hide();if(b==="ok")a.Pc();else{Q.M=0;a.error(b)}})},Pc:function(){var a="http://zwibbler.com/shared/"+Q.z.id+".",b=a+"png",c=a+"pdf"; a=a+"svg";$("#share-png")[0].value=b;$("#share-pdf")[0].value=c;$("#share-svg")[0].value=a;$("#share-enabled").show()},error:function(a){$("#share-error").show();$("#share-error-code").text(a)}};Bb.prototype.shareClicked=Bb.prototype.he;Bb.prototype.unshareClicked=Bb.prototype.ne;$("#savefilename").keydown(function(a){a.keyCode===13&&X.ib().la()}); function Cb(){document.getElementById("savefilename").value=Q.z.name;$("#save-normal").show();V.Fa?$("#no-account-warning").hide():$("#no-account-warning").show();$("#save-working").hide();$("#save-error").hide();$("#savediv").slideDown("normal")} Cb.prototype={ja:"save",hide:function(){$("#savediv").slideUp("normal")},la:function(){var a=document.getElementById("savefilename"),b=Q.z.name!==a.value;Q.z.name=a.value;$("#save-normal").hide();$("#save-working").show();a=U(Q.q.m.l.save());var c=this;if(document.getElementById("savetype").value==="client"){X.md(Q.z.name+".zwibbler","application/octet-stream",a);X.H()}else if(Q.z.id===-1||b)V.gd(Q.z.name,a,function(d,e){if(d==="ok"){Q.z.id=e;Q.z.M=0;X.H();Q.v.$=z}else c.error(d)});else{Q.z.data= a;V.Xb(Q.z,function(d){if(d==="ok"){X.H();Q.v.$=z}else c.error(d)})}},error:function(a){$("#save-working").hide();$("#save-error").show();$("#save-error-code").text(a)},Xa:function(){X.H()}};Cb.prototype.okayClicked=Cb.prototype.la;Cb.prototype.cancelClicked=Cb.prototype.Xa;$("#previewcanvas").click(function(){X.ib().ya&&X.ib().la()}); function Y(){this.ya=u;if(!this.Cd){this.Cd=r;this.Eb=document.createElement("img");this.Eb.src="wd-clickopen.png"}this.Ba="normal";$("#deletebutton").hide();$("#browse-working").hide();$("#browse-prompt").hide();$("#browse-main").show();document.getElementById("fileinput").value="";this.Mc()} Y.prototype={ja:"browse",Mc:function(){function a(){$("#deletebutton").hide();V.Lc(this.Hd,function(q,k){q==="ok"&&b.be(k)});return z}var b=this;document.getElementById("previewcanvas").getContext("2d").clearRect(0,0,350,350);var c=$("#filelist");c.empty();for(var d=$(""),e=0;e").text(f.name).click(a);n[0].Hd=V.files[e].id;f=new Date(parseInt(f.modificationDate,10)*1E3);f=f.toLocaleString(); d.append($("").append($("
").css("background",h).append(n)).append($("").css("background",h).text(f)))}c.append(d)},be:function(a){var b;try{b=N(eval("("+a.data+")"))}catch(c){alert(c);return}this.ya=a;$("#deletebutton").show();a=document.getElementById("previewcanvas").getContext("2d");a.clearRect(0,0,350,350);a.save();a.setTransform(0.5,0,0,0.5,0,0);try{b.t(a);b.e(a)}catch(d){}a.setTransform(1,0,0,1,0,0);a.restore();this.Eb.complete&&a.drawImage(this.Eb,90,142)},jd:function(){$("#browse-main").hide(); $("#browse-prompt").show();this.Ba="prompt"},la:function(){var a=this;if(a.Ba==="normal"){X.H();this.ya&&X.Ud(this.ya,this.ya.data)}else if(a.Ba==="prompt"){$("#browse-prompt").hide();$("#browse-working").show();V.kd(this.ya.id,function(){$("#browse-working").hide();$("#browse-main").show();a.ya=u;a.Mc();a.Ba="normal"})}},Xa:function(){if(this.Ba==="normal")X.H();else if(this.Ba==="prompt"){$("#browse-prompt").hide();$("#browse-main").show();this.Ba="normal"}}};Y.prototype.okayClicked=Y.prototype.la; Y.prototype.cancelClicked=Y.prototype.Xa;Y.prototype.deleteClicked=Y.prototype.jd;var Db={createaccount:vb,checksave:xb,save:Cb,browse:Y,changepassword:wb,message:yb,share:Bb,working:function(){this.ja="working"}}; function Z(){this.we=document.getElementById("main");this.za=u;this.Kc=new ub;this.za=u;var a=document.getElementById("uploadtarget"),b=this;a.onload=function(){var c=a.contentDocument.body.innerHTML;X.H();try{var d=window.JSON.parse(c),e=d.name;if(e.length>=9&&e.substr(e.length-9)===".zwibbler")e=e.substr(0,e.length-9);c={id:-1,name:e,M:0};rb(window.JSON.parse(d.data),c)}catch(f){alert("Error opening file: "+f)}};document.getElementById("fileinput").onchange=function(){document.getElementById("uploadform").submit(); b.ra("working")}} Z.prototype={ra:function(a,b){var c=this;this.H();this.Kc.show(function(){c.H()});this.za=new Db[a](b);$("#"+this.za.ja).slideDown("normal")},H:function(){if(this.za!==u){$("#"+this.za.ja).slideUp("normal");this.Kc.hide();this.za=u}},ib:ba("za"),Nb:function(){var a=document.getElementById("signInForm"),b=a.username.value,c=a.password.value;a.signin.disabled=r;var d=this;V.Nb(b,c,function(e,f){a.signin.disabled=z;if(e==="ok")d.Tb(f);else{var h=document.getElementById("loginerror");a.signin.disabled= z;$(h).empty();$(h).text(e)}})},Tb:function(a){document.getElementById("signin").style.display="none";document.getElementById("logout").style.display="block";if(a&&Q.z.id!==-1&&Q.z.id in a)Q.z.id=a[Q.z.id]},Ob:function(){var a=this,b=document.getElementById("logout");b.style.display="none";V.Ob(function(c){if(c==="ok")a.Hc();else b.style.display="block"})},Hc:function(){document.getElementById("signin").style.display="block";$(document.getElementById("logout")).hide();Q.z.id=-1;Q.z.M=0},Ld:function(){this.kc(function(){Q.Kd()})}, kc:function(a){Q.$()?this.ra("checksave",a):a()},Nc:function(){this.ra("save")},Db:function(){this.ra("changepassword")},$c:function(){var a=this;this.kc(function(){a.ra("browse")})},Ud:function(a,b){rb(eval("("+b+")"),a)},ed:function(){this.ra("createaccount")},Td:function(){if(!V.xc()||Q.$()||Q.z.id===-1){var a="Log in first";if(V.xc())a="Save first";this.ra("message",{title:a,text:"You can only share drawings if you log in and save them first."})}else this.ra("share")},ld:function(a){var b=document.createElement("form"), c=document.createElement("input"),d=document.createElement("input");document.body.appendChild(b);b.appendChild(c);b.appendChild(d);b.method="post";b.action="server.cgi";c.type="hidden";c.name="type";c.value=a;d.type="hidden";d.name="document";d.value=U(Q.q.m.l.save());b.submit();document.body.removeChild(b);this.H()},md:function(a,b,c){var d=document.createElement("form"),e=document.createElement("input"),f=document.createElement("input"),h=document.createElement("input"),n=document.createElement("textarea"); document.body.appendChild(d);d.appendChild(e);d.appendChild(f);d.appendChild(h);d.appendChild(n);d.method="post";d.action="index.php";e.type="hidden";e.name="type";e.value="echo";f.type="hidden";f.name="name";f.value=a;h.type="hidden";h.name="contentType";h.value=b;n.name="contents";n.value=c;d.submit();document.body.removeChild(d);this.H()}};window.Page=Z;Z.prototype.newDrawing=Z.prototype.Ld;Z.prototype.browseDrawings=Z.prototype.$c;Z.prototype.saveDrawing=Z.prototype.Nc;Z.prototype.logout=Z.prototype.Ob; Z.prototype.saveDrawing=Z.prototype.Nc;Z.prototype.createAccount=Z.prototype.ed;Z.prototype.login=Z.prototype.Nb;Z.prototype.currentDialog=Z.prototype.ib;Z.prototype.hideDialog=Z.prototype.H;Z.prototype.changePassword=Z.prototype.Db;Z.prototype.onShare=Z.prototype.Td;if(!document.createElement("canvas").getContext){document.getElementById("main").style.display="none";document.getElementById("no-canvas").style.display="block"}var Ua=new Aa(document.getElementById("debug"));new tb("draw");var V=new za,X=new Z;window.page=X;window.session=V; $(document).ready(function(){V.Fa!==u?X.Tb():X.Hc();V.ud(function(){V.files.length>0&&V.Lc(V.files[0].id,function(a,b){a==="ok"&&rb(eval("("+b.data+")"),b)})});document.getElementById("main").style.cursor="default";Q.xa&&window.parent.postMessage(U({event:"ready"}),"*")});Z.prototype.downloadAs=Z.prototype.ld;za.prototype.setUsername=za.prototype.ge;window.EffectNode=Xa;