/** @license Copyright 2010 Hanov Solutions Inc. All Rights Reserved steve.hanov@gmail.com */ function u(){return function(){}}function D(a){return function(b){this[a]=b}}function H(a){return function(){return this[a]}}function aa(a){return function(){return a}}function I(){this.J()} I.prototype={J:function(){this.id=ba++;this.rect=new K(0,0,1,1);this.u=new L;this.parent=null;this.children=[]},Wa:[],oa:H("Wa"),kd:function(a){for(var b=this.oa(),c=0;c=0;b--)this.children[b].c(a)},uc:function(a){for(var b,c=0;c=this.rect.x&&a=this.rect.y&&b6/29*(6/29)*(6/29)?Math.pow(p,1/3):1/3*29/6*(29/6)*p+4/29}var g={za:1/3,Aa:1/3,Oa:1/3},j=i(k.b[0]/g.za),l=i(k.b[1]/g.Aa);return new P(na,[116*l-16,500*(j-l),200*(l-i(k.b[2]/g.Oa)),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={za:1/3,Aa:1/3,Oa:1/3},p=6/29;return new P(P.ye,[g>p?l.za*g*g*g:(g-16/116)*3*p*p*l.za,i>p?l.Aa*i*i*i:(i-16/ 116)*3*p*p*l.Aa,j>p?l.Oa*j*j*j:(j-16/116)*3*p*p*l.Ge,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(la,[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.za-1.5374*k.Aa-0.4986*k.Oa;i[1]=-0.9692*k.za+1.876*k.Aa+0.0416*k.Oa;i[2]=0.0556*k.za-0.204*k.Aa+1.057*k.Oa;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(Q,g)}function h(k){return new P(k.type,k.b.concat())}function o(k){return c(e(k))}function q(k){return b(f(k))}ka=[[h,e,b,o],[f,h,q,c],[a,function(k){return e(a(k))},h,function(k){return o(a(k))}],[function(k){return f(d(k))},d,function(k){return q(d(k))},h]]})(); var qa={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 ra(a){this.o=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.o.appendChild(this.canvas);var b=document.createElement("input");b.type="range";if("min"in b){this.o.appendChild(document.createElement("br"));this.o.appendChild(b);b.min=0;b.max=255;b.value=255;this.Pa=b}else this.Pa=null;this.B=this.height; this.ua=this.height*0.8;if(ra[a])this.data=ra[a];else{b=this.a.getImageData(0,0,this.B,this.B);for(var c=this.B/2,d=this.ua/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+o*4;for(o=o;o<=k;o++){e=Math.atan2(f-c,o-c);e=new P(ma,[e/Math.PI*180,1,1,1]);e=e.Qa(Q);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; o=i}else{h=f*this.B*4+o*4;o=o}for(;o<=q;o++){e=Math.atan2(f-c,o-c);e=new P(ma,[e/Math.PI*180,1,1,1]);e=e.Qa(Q);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;ra[a]=b}this.I=new P(ma,[20,1,1,1]);this.update();this.c();var g=this;g.Eb=false;g.eb="";$(this.canvas).mousedown(function(j){var l=$(g.canvas).offset(),p=j.pageX-l.left;l=j.pageY-l.top;g.Eb=true;g.nc(p,l);j.stopPropagation();j.preventDefault()});$(this.canvas).mousemove(function(j){if(g.Eb){var l= $(g.canvas).offset();g.nc(j.pageX-l.left,j.pageY-l.top)}j.stopPropagation();j.preventDefault()});$(window).mouseup(function(){g.Eb=false;g.eb=""});this.Pa!==null&&$(this.Pa).change(function(){g.I.b[3]=g.Pa.value/255;g.update();g.c()})} ra.prototype={le:function(a){var b=a;if(b.toLowerCase()in qa)b=qa[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!==null){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!==null){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.I=(new P(Q,[b,c,d,a])).Qa(ma);if(this.Pa!==null)this.Pa.value= Math.round(this.I.b[3]*255);this.c();this.update()},update:function(){this.Oc&&this.Oc(this.I.toString())},c: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.I.b[0]/180*Math.PI;this.a.beginPath();var b={x:Math.cos(a)*this.ua/2+this.B/2,y:Math.sin(a)*this.ua/2+this.B/2},c={x:Math.cos(a+2*Math.PI/3)*this.ua/2+this.B/2,y:Math.sin(a+2*Math.PI/3)*this.ua/2+this.B/2},d={x:Math.cos(a+ 4*Math.PI/3)*this.ua/2+this.B/2,y:Math.sin(a+4*Math.PI/3)*this.ua/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.I.Qa(ma);h.b[1]=1;h.b[2]= 1;h=h.Qa(Q);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.I.b[2];e=this.I.b[1]*b.x+f*d.x+(1-this.I.b[1]-f)*c.x;f=this.I.b[1]*b.y+f*d.y+(1-this.I.b[1]-f)*c.y;this.a.beginPath();this.a.arc(e,f,4,0,2*Math.PI,false);this.a.stroke();this.a.restore();this.de=b;this.ee=c;this.fe=d;this.Ce=a},nc: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.eb==="ring"||this.eb!=="triangle"&&c>=this.ua/2&&c<=this.B/2){this.I.b[0]=Math.atan2(this.B/2-b,this.B/2-a)/Math.PI*180+180;if(this.I.b[1]===0){this.I.b[1]=1;this.I.b[2]=1}this.eb="ring"}else{var d,e=this.de;c=this.ee;var f=this.fe;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=(-(e.y-f.y)*(a-f.x)+(e.x-f.x)*(b-f.y))/d;d=1-Math.max(0,c)-Math.max(0,d);this.I.b[1]=Math.min(Math.max(c,0),1);this.I.b[2]=1- Math.min(Math.max(d,0),1);this.eb="triangle"}this.c();this.update()}};function sa(a,b,c,d){this.view=a;this.f=b;this.name=c;this.value=d;this.Kc=[];for(a=0;a").addClass("keydiv");$(this.o).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)}},Ld:function(a,b){var c; if(a.name in this.vb){c=this.vb[a.name];if(c.value!==b.U(a.name))c.value=null}else{c={ie:a,value:b.U(a.name)};this.ub.push(c);this.vb[a.name]=c}},md:function(){$(this.o).empty();var a,b,c=this;function d(){c.apply(this.Va.name,this.Va.b[parseInt(this.value,10)].value)}function e(j){j.keyCode===13&&c.apply(this.Va.name,this.value)}function f(){c.ue(this)}for(a=0;a0},oc: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},$a: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},rc:function(a,b){return this.x<=a&&this.x+this.width>a&&this.y<=b&&this.y+this.height>b},je: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}},Hd:function(a,b){this.x-= a/2;this.y-=b/2;this.width+=a;this.height+=b}};function ca(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]=ca(a[c])}else b=a;return b}function L(){this.O=1;this.Q=this.P=0;this.R=1;this.w=this.A=0} L.prototype={save:function(){return{m11:this.O,m12:this.P,m21:this.Q,m22:this.R,dx:this.A,dy:this.w}},Tb:function(a){var b=new L;b.O=this.O*a.O+this.P*a.Q;b.Q=this.Q*a.O+this.R*a.Q;b.P=this.O*a.P+this.P*a.R;b.R=this.Q*a.P+this.R*a.R;b.A=this.O*a.A+this.P*a.w+this.A;b.w=this.Q*a.A+this.R*a.w+this.w;return b},apply:function(a,b){return new va(this.O*a+this.P*b+this.A,this.Q*a+this.R*b+this.w)}}; function Aa(a,b,c,d){if(c===undefined){this.O=a;this.Q=this.P=0;this.R=b;this.w=this.A=0}else{this.O=a;this.Q=this.P=0;this.R=b;this.A=c-a*c;this.w=d-b*d}}Aa.prototype=L.prototype;function Ba(a,b,c){var d=Math.cos(a);a=Math.sin(a);this.O=d;this.P=a;this.Q=-a;this.R=d;this.A=-b*d-c*a+b;this.w=b*a-c*d+c}Ba.prototype=L.prototype;function Ca(a,b){this.O=1;this.Q=this.P=0;this.R=1;this.A=a;this.w=b}Ca.prototype=L.prototype; function Da(a,b,c,d,e,f,h,o,q,k){var i=(b+d)/2,g=(c+e)/2,j=(d+f)/2,l=(e+h)/2,p=(f+o)/2,v=(h+q)/2,y=(i+j)/2,A=(g+l)/2;j=(j+p)/2;l=(l+v)/2;var m=(y+j)/2,n=(A+l)/2,r=o-b,s=q-c;d=Math.abs((d-o)*s-(e-q)*r);f=Math.abs((f-o)*s-(h-q)*r);if((d+f)*(d+f)>8&255;this.D.data[a+2]=c>>16&255;this.D.data[a+3]=c>>24&255},Ac:u()}; function Fa(a,b){this.aa=a;this.jb=b;this.data=[]} Fa.prototype={width:H("aa"),height:H("jb"),getImageData:function(){var a=document.createElement("canvas");a.width=this.aa;a.height=this.jb;a=a.getContext("2d").getImageData(0,0,this.aa,this.jb);for(var b=this.aa*this.jb,c=0;c0&&this.i[0].type===this.La?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:true},{name:"None",value:false}]});if(this.closed)a=a.concat(this.K.oa());return a},U:function(a){return a in U||!this.closed?this[a]: this.K.U(a)},setProperty:function(a,b){if(a in U||!this.closed){U[a]=b;this[a]=b}else this.K.setProperty(a,b)},J:function(a,b){this.F.J.apply(this);this.strokeStyle=U.strokeStyle;this.fillStyle=U.fillStyle;this.lineWidth=U.lineWidth;this.smoothness=U.smoothness;this.sloppiness=U.sloppiness;this.shadow=U.shadow;this.ja=a;this.ka=b;this.p=a;this.q=b;this.i=[];this.closed=false;this.K=new O("");this.K.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.ja=a.startX;this.ka=a.startY;this.p=this.ja;this.q=this.ka;this.closed=a.closed;for(var b=this.i.length=0;b0){f=this.i[this.i.length-1];f.x=this.ja;f.y=this.ka}for(b= 0;b=3&&this.i[0].type===this.La&&this.vc(e,e.p,e.q,this.i[0],true);this.rect.x=this.p;this.rect.y=this.q;this.rect.width=0;this.rect.height=0;this.X=this.gd(this.dc);c=this.X[0].x;d=this.X[0].y;for(b=1;b0&&a.stroke();a.restore();this.closed&&this.K.c(a)},db:aa(true), Ta:function(a,b,c){c=8*c;if(a>=this.p-c&&a=this.q-c&&b=this.i[e].p-c&&a=this.i[e].q-c&&b20)a=20;d.p+=this.sloppiness*d.T[0]*a/4;d.q+=this.sloppiness*d.T[1]*a/4;d.fx=b;d.zd=c;var e=b,f=c,h=d.p,o=d.q;e+=a;h+=a;f+=a;o+=a;d.la=e+d.T[2]*(h-e);d.ma=f+d.T[2]*(o-f);e=b-a;h=d.p-a;f=c-a;o=d.q-a;d.da=e+d.T[3]*(h-e);d.ea=f+d.T[3]*(o-f)},ga:function(){var a;a=this.u.apply(this.ja,this.ka);this.ja=a.x;this.ka=a.y;for(var b=0;b=this.rect.x-8&&a=this.rect.y-8&&bf){o=f;k=d;q=h;h=e}else{o=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*o-b;if(k*k+f*f<=d){c=true;break a}}c=false}if(c)return this}return null},gd:function(a){var b=[];b.push({x:this.p,y:this.q,De:0});for(var c=this.p,d=this.q,e=0;e=t){t=B;J=F}}return{Ec:t,Xc:J}}function y(m,n,r,s,z,F){var t,B,J,w,x,E;t=[{},{},{},{}];E=F*F;if(r-n+1===2){F=f(m[r],m[n])/3;t[0]=m[n];t[3]=m[r];q(t[0],o(s,F),t[1]);q(t[3], o(z,F),t[2]);c(3,t)}else{w=[];w[0]=0;for(x=n+1;x<=r;x++)w[x-n]=w[x-n-1]+f(m[x],m[x-1]);for(x=n+1;x<=r;x++)w[x-n]/=w[r-n];B=w;t=j(m,n,r,B,s,z);x=v(m,n,r,t,B);w=x.Ec;x=x.Xc;if(w2&&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 o=new Ea(a.getImageData(0,0,d,e));Pa(o.getImageData());d=new Fa(d,e);console.log("flood fill");(function(k,i,g,j){function l(z,F,t,B){z+B>=r.dd&&z+B<=r.ya&&n.push({y:z,we:F,xe:t, w:B})}var p,v,y,A,m,n=[];p=0;var r={cd:0,dd:0,sa:k.width()+1,ya:k.height()+1};m=k.get(g,j);var s=m===0?m+1:m-1;s=4278222848;if(!(m===s||gr.sa||jr.ya)){l(j,g,g,1);for(l(j+1,g,g,-1);n.length>0;){p=n.pop();A=p.w;j=p.y+A;v=p.we;y=p.xe;for(g=v;g>=r.cd&&k.get(g,j)===m;g--){k.Xa(g,j,s);i.Xa(g,j,true)}if(gy)continue;p=g}do{for(;g<=r.sa&&k.get(g,j)===m;g++){k.Xa(g,j,s);i.Xa(g,j,true)}l(j,p,g-1,A);g>y+1&&l(j,y+ 1,g-1,-A);for(g++;g<=y&&k.get(g,j)!==m;g++);p=g}while(g<=y)}}})(o,d,b,c);Pa(o.getImageData());Pa(d.getImageData());b=new Ga;for(c=0;;c++){console.log("tracing...");if(c>100)throw"Trace limit exceeded";e=h(d);if(e===null||e.length===0)break;c>0&&e.reverse();Pa(d.getImageData());Oa.gb("NumPoints=%d\n",e.length);for(var q=0;q0},ha:function(a,b){if(this.G.ha(a,b))return this},t:function(a){if(this.zc()){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.c(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,o=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*o);l+=4}l+=c*2*4}}a.putImageData(b,0,0)}else this.G.t(a)},transform:function(a){this.G.transform(a)},ga:function(){this.G.ga()},c:function(a){this.zc()?a.drawImage(this.canvas,this.rect.x,this.rect.y):this.G.c(a)},db:function(){return this.G.db()},Ta:function(a, b,c){return this.G.Ta(a,b,c)},ia:function(a,b,c){this.G.ia(a,b,c)},Ra:function(a,b){this.G.Ra(a,b)},Kb:function(){return this.G.u},Ga:function(a){this.G.Ga(a)},setProperty:function(a,b){if(a==="blur")this.blur=Sa[a]=b;else this.G.setProperty(a,b)},U:function(a){return a==="blur"?this.blur:this.G.U(a)},Wa:[{name:"blur",display:"Blur radius",type:"select",b:[{name:"None",value:0},{name:"Blur",value:5},{name:"Blur Lots",value:30}]}],oa:function(){return this.G.oa().concat(this.Wa)}}; Ra.prototype=$.extend({},I.prototype,Ra.prototype);Ra.prototype.F=I.prototype;window.EffectNode=Ra;function Ta(){this.Ja=null;this.files=[]} Ta.prototype={pa:function(a,b,c){var d;try{d=new XMLHttpRequest}catch(e){try{d=new ActiveXObject("Msxml2.XMLHTTP")}catch(f){try{d=new ActiveXObject("Microsoft.XMLHTTP")}catch(h){d=null}}}d.open("POST",a,true);d.setRequestHeader("Content-Type","application/x-www-form-urlencoded");d.onreadystatechange=function(){if(d.readyState===4){var k={status:"",V:null};if(d.status===200)try{k.V=eval("("+d.responseText+")");k.status=k.V.status}catch(i){alert(i);k.status="Error in server response"}else k.status= d.message?d.message:d.status===0?"Network error. Check internet connection":"Server returned status "+d.status;c(k)}};a="";var o=true;for(var q in b)if(b.hasOwnProperty(q)){o||(a+="&");o=false;a+=q+"="+escape(b[q])}d.send(a)},Cc:function(){return this.Ja!==null},Rb:function(a,b,c){var d=this;this.pa("index.php",{type:"login",username:a,password:b},function(e){var f=null;if(e.status==="ok"){d.Ja=a;d.files=e.V.files;d.files.sort(function(o,q){return parseInt(q.modificationDate,10)-parseInt(o.modificationDate, 10)});f=e.V.mapping;for(var h=0;h0?c.H(b,d-1):c.H(b,d);break;case 3:d=0&&this.parents[a].children.splice(this.sb[a],0,this.selection[a])}}; function ab(a,b,c){this.m=b;this.f=[];this.view=a;this.view.zb(c);c=this.view.n.Hb(c);a=new Ca(10,10);for(b=0;b=0;a--){var b=this.f[a];b.parent!==null&&this.Vb[a].H(b,this.Ub[a])}}}; function db(a){this.view=a;this.f=this.view.selection.concat();this.view.zb(this.f);this.Mb=[]} db.prototype={execute:function(){for(var a={},b=0;b=0;a--){for(var b=this.Mb[a],c=b.children.length-1;c>=0;c--){b.yc.removeChild(b.children[c]);b.l.H(b.children[c],0)}b.yc.H(b.l,b.index)}}}; function eb(a,b,c,d){this.view=a;this.w=this.A=0;this.Jb=false;this.S=b;this.ra(c,d)} eb.prototype={ra:function(a,b){this.A=a;this.w=b;this.Jb=true},Ua:function(a,b){if(this.Jb){var c=this.view.a;this.view.c();c.save();c.strokeStyle="#0050B7";c.lineWidth=2/this.view.scale;c.fillStyle="rgba(0, 80, 183, 0.2)";var d=new K(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()}},fb:function(a,b){this.Jb=false;this.view.ke(new K(this.A,this.w,a-this.A,b-this.w));this.view.na();this.view.c();this.view.g=this.S}}; function fb(a,b,c,d,e,f){this.view=a;this.handle=c;this.S=b;this.re=d;this.view.Uc(this.handle===this.view.Na);this.ra(e,f)} fb.prototype={ra:function(a,b){this.A=a;this.w=b;for(var c=this.f=this.view.Dd(),d=[],e=0;e 0){this.a.save();this.a.strokeStyle="#000000";this.a.lineWidth=1/this.scale;var a=this.hb.apply(this.k.x,this.k.y),b=this.hb.apply(this.k.x+this.k.width,this.k.y),c=this.hb.apply(this.k.x+this.k.width,this.k.y+this.k.height),d=this.hb.apply(this.k.x,this.k.y+this.k.height),e=new va(this.xb,this.yb),f=this.ec/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.sc){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,false);this.a.stroke()}this.a.restore()}this.Sa&&this.Sa.Ra(this.a,1/this.scale);this.Fc&&this.Fc.c(this.a);if(this.Ob!==null&&this.Nb.complete)try{this.a.drawImage(this.Nb,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.Bb;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()},ke:function(a){for(var b=0;b0){for(var d=true,e=0;e=this.canvas.width-this.Bb&&a=this.canvas.height-this.Bb&&b=this.k.x-c&&a=this.k.y-c&&b=this.k.y+this.k.height-c&&b=this.k.x+this.k.width-c&&a=this.k.y-c&&b=this.k.y+this.k.height-c&&b=this.xb-c&&a=this.yb-c&&b0&&this.ca(a.children[0])}},kb:function(){if(this.selection.length!==0){var a=this.selection[0];this.k.x=a.rect.x;this.k.y= a.rect.y;this.k.width=a.rect.width;this.k.height=a.rect.height;for(a=1;a0){this.Fa+=1;this.selection.length=0}},kc:function(a){a.Wc=this.Vd++;for(var b=0;b1?window.ze?decodeURIComponent(d[1].replace(/\+/g," ")):unescape(d[1]):""}catch(e){}}return b} function pb(a){var b=this;this.v=new ua;this.o=document.getElementById(a);a=new Ua;a.ba("wd-box.png",function(){b.Td()});a.ba("wd-circle.png",function(){b.Qd()});a.ba("wd-line.png",function(){b.Pb()});a.ba("wd-curve.png",function(){b.Ib()});a.ba("wd-arrow.png",function(){b.Cb()});a.ba("wd-text.png",function(){b.Ud()});a.ba("wd-undo.png",function(){b.M()});a.ba("wd-redo.png",function(){b.$b()});a.ba("wd-copy.png",function(){b.j.copy()});a.ba("wd-paste.png",function(){b.j.Qc()});a.o.style.cssFloat= "left";this.o.appendChild(a.o);this.canvas=$("")[0];this.canvas.style.borderColor="black";this.canvas.style.borderWidth="2px";this.canvas.style.borderStyle="solid";this.canvas.style.borderTop="2px solid white";this.canvas.style.cssFloat="left";this.canvas.style.cursor="default";this.rb=new ta;this.j=new mb(this.canvas,this.v,this.rb);this.o.appendChild(this.canvas);this.o.appendChild(this.rb.o);function c(){b.canvas.width=$(window).width()-400;b.canvas.height= $(window).height()-$(b.canvas).offset().top-30;b.j.c()}$(window).resize(c);$(document).ready(c);a=document.createElement("div");a.style.clear="both";var d=document.createElement("a");d.appendChild(document.createTextNode("Open as Image in New Window"));d.href="";d.onclick=function(){b.j.sd();window.open(b.canvas.toDataURL());b.j.c();return false};a.appendChild(d);this.o.appendChild(a);this.z={name:"Drawing created on "+(new Date).toLocaleDateString(),td:-1,W:0};this.hasFocus=false;R=this;a=ob(window.location.href); if("drawdoc"in a){var e;try{e=window.JSON.parse(a.Ae)}catch(f){alert("Error loading drawing.");return}this.j.n.m=M(e);this.j.update()}} pb.prototype={fa:function(){return this.v.fa},M:function(){if(this.v.pc()){this.v.M();this.j.update()}},$b:function(){if(this.v.oc()){this.v.$b();this.j.update()}},Rd:function(){this.j.N();this.v.clear();this.j.n=new Ma;this.j.update();this.z={name:"Drawing created on "+(new Date).toLocaleDateString(),td:-1,W:0}},Td:function(){var a=new S(10,10);a.lineTo(110,10);a.lineTo(110,110);a.lineTo(10,110);a.lineTo(10,10);a.close();this.v.execute(new Ya(this.j,this.j.n.m,a));this.j.update()},Qd:function(){var a= new S(50,0);a.lb(100,0,100,50);a.lb(100,100,50,100);a.lb(0,100,0,50);a.lb(0,0,50,0);a.close();this.v.execute(new Ya(this.j,this.j.n.m,a));this.j.update()},Ud:function(){this.v.execute(new Ya(this.j,this.j.n.m,new O("Lorum ipsum dolor")));this.j.update()},Pb:function(){this.j.Pb()},Ib:function(){this.j.Ib()},Cb:function(){this.j.Cb()},copy:function(){var a=this.j.getSelection();if(a.length!==0){var b,c=[];for(b=0;b");var b=$(window);this.o.css("position","fixed");this.o.css("background","black");this.o.css("opacity","0.25");this.o.css("left","0");this.o.css("top","0");this.o.css("zindex","1");this.o.css("width",""+b.width()+"px");this.o.css("height",""+b.height()+"px");this.o.css("display","none");this.o.click(function(){a()});$("body").append(this.o);this.o.fadeIn("normal")}; function sb(){this.Y("");this.form=document.getElementById("createaccountform")} sb.prototype={ta:"createaccount",onsubmit:function(){if(this.form.userNameInput.value==="")this.Y("Username is blank.");else if(this.form.passwordInput1.value==="")this.Y("Password is blank.");else if(this.form.passwordInput2.value!==this.form.passwordInput1.value)this.Y("Passwords do not match.");else{this.form.submitButton.disabled=true;this.form.cancelButton.disabled=true;var a=this;W.od(this.form.userNameInput.value,this.form.passwordInput1.value,function(b,c){if(b==="ok"){X.L();X.Yb(c)}else{a.form.submitButton.disabled= false;a.form.cancelButton.disabled=false;a.Y(b)}})}return false},Y:function(a){$("#createaccounterror").text(a)}};sb.prototype.onsubmit=sb.prototype.onsubmit;function tb(){this.Y("");this.form=document.getElementById("changepasswordform");this.form.oldpassword.value="";this.form.newpassword1.value="";this.form.newpassword2.value="";this.form.submitButton.disabled=false;this.form.cancelButton.disabled=false} tb.prototype={ta:"changePasswordDiv",onsubmit:function(){var a=this.form.oldpassword.value,b=this.form.newpassword1.value;if(b!==this.form.newpassword2.value)this.Y("Passwords do not match.");else if(b==="")this.Y("Password is blank.");else{this.Y("");this.form.submitButton.disabled=true;this.form.cancelButton.disabled=true;var c=this;W.Fb(a,b,function(d){if(d==="ok")X.L();else{c.form.submitButton.disabled=false;c.form.cancelButton.disabled=false;c.Y(d)}})}return false},Y:function(a){$("#passwordError").text(a)}}; tb.prototype.onsubmit=tb.prototype.onsubmit;function ub(a){this.pb=a;$("#surediv").slideDown("normal")}ub.prototype={ta:"checksave",qa:function(){X.L();this.pb&&this.pb()},bb:function(){X.L()}};ub.prototype.okayClicked=ub.prototype.qa;ub.prototype.cancelClicked=ub.prototype.bb;function xb(a){$("#message-title").text(a.title);$("#message-text").text(a.text)}xb.prototype={ta:"message",qa:function(){X.L()}};xb.prototype.okayClicked=xb.prototype.qa; function yb(){$("#share-enabled").hide();$("#share-working").hide();$("#share-not-enabled").hide();R.z.W?this.Vc():$("#share-not-enabled").show()} yb.prototype={ta:"share",te:function(){var a=this;$("#share-enabled").hide();$("#share-working").show();R.z.W=0;R.z.data="";W.bc(R.z,function(b){$("#share-working").hide();if(b==="ok"){R.W=false;X.L()}else{R.z.W=1;a.error(b)}})},ne:function(){var a=this;$("#share-not-enabled").hide();$("#share-working").show();R.z.W=1;R.z.data="";W.bc(R.z,function(b){$("#share-working").hide();if(b==="ok")a.Vc();else{R.W=0;a.error(b)}})},Vc:function(){var a="http://zwibbler.com/shared/"+R.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)}};yb.prototype.shareClicked=yb.prototype.ne;yb.prototype.unshareClicked=yb.prototype.te;$("#savefilename").keydown(function(a){a.keyCode===13&&X.mb().qa()}); function zb(){document.getElementById("savefilename").value=R.z.name;$("#save-normal").show();W.Ja?$("#no-account-warning").hide():$("#no-account-warning").show();$("#save-working").hide();$("#save-error").hide();$("#savediv").slideDown("normal")} zb.prototype={ta:"save",hide:function(){$("#savediv").slideUp("normal")},qa:function(){var a=document.getElementById("savefilename"),b=R.z.name!==a.value;R.z.name=a.value;$("#save-normal").hide();$("#save-working").show();a=qb(R.j.n.m.save());var c=this;if(R.z.id===-1||b)W.nd(R.z.name,a,function(d,e){if(d==="ok"){R.z.id=e;R.z.W=0;X.L();R.v.fa=false}else c.error(d)});else{R.z.data=a;W.bc(R.z,function(d){if(d==="ok"){X.L();R.v.fa=false}else c.error(d)})}},error:function(a){$("#save-working").hide(); $("#save-error").show();$("#save-error-code").text(a)},bb:function(){X.L()}};zb.prototype.okayClicked=zb.prototype.qa;zb.prototype.cancelClicked=zb.prototype.bb;$("#previewcanvas").click(function(){X.mb().Ba&&X.mb().qa()});function Y(){this.Ba=null;if(!this.Id){this.Id=true;this.Gb=document.createElement("img");this.Gb.src="wd-clickopen.png"}this.Ea="normal";$("#deletebutton").hide();$("#browse-working").hide();$("#browse-prompt").hide();$("#browse-main").show();this.Sc()} Y.prototype={ta:"browse",Sc:function(){function a(){$("#deletebutton").hide();W.Rc(this.Od,function(q,k){q==="ok"&&b.he(k)});return false}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);o[0].Od=W.files[e].id;f=new Date(parseInt(f.modificationDate,10)*1E3);f=f.toLocaleString(); d.append($("").append($("
").css("background",h).append(o)).append($("").css("background",h).text(f)))}c.append(d)},he:function(a){var b;try{b=M(eval("("+a.data+")"))}catch(c){alert(c);return}this.Ba=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.c(a)}catch(d){}a.setTransform(1,0,0,1,0,0);a.restore();this.Gb.complete&&a.drawImage(this.Gb,90,142)},pd:function(){$("#browse-main").hide(); $("#browse-prompt").show();this.Ea="prompt"},qa:function(){var a=this;if(a.Ea==="normal"){X.L();this.Ba&&X.ae(this.Ba,this.Ba.data)}else if(a.Ea==="prompt"){$("#browse-prompt").hide();$("#browse-working").show();W.qd(this.Ba.id,function(){$("#browse-working").hide();$("#browse-main").show();a.Ba=null;a.Sc();a.Ea="normal"})}},bb:function(){if(this.Ea==="normal")X.L();else if(this.Ea==="prompt"){$("#browse-prompt").hide();$("#browse-main").show();this.Ea="normal"}}};Y.prototype.okayClicked=Y.prototype.qa; Y.prototype.cancelClicked=Y.prototype.bb;Y.prototype.deleteClicked=Y.prototype.pd;var Ab={createaccount:sb,checksave:ub,save:zb,browse:Y,changepassword:tb,message:xb,share:yb};function Z(){this.Be=document.getElementById("main");this.Ca=null;this.Pc=new rb;this.Ca=null} Z.prototype={Ha:function(a,b){var c=this;this.L();this.Pc.show(function(){c.L()});this.Ca=new Ab[a](b);$("#"+this.Ca.ta).slideDown("normal")},L:function(){if(this.Ca!==null){$("#"+this.Ca.ta).slideUp("normal");this.Pc.hide();this.Ca=null}},mb:H("Ca"),Rb:function(){var a=document.getElementById("signInForm"),b=a.username.value,c=a.password.value;a.signin.disabled=true;var d=this;W.Rb(b,c,function(e,f){a.signin.disabled=false;if(e==="ok")d.Yb(f);else{var h=document.getElementById("loginerror");a.signin.disabled= false;$(h).empty();$(h).text(e)}})},Yb:function(a){document.getElementById("signin").style.display="none";document.getElementById("logout").style.display="block";if(a&&R.z.id!==-1&&R.z.id in a)R.z.id=a[R.z.id]},Sb:function(){var a=this,b=document.getElementById("logout");b.style.display="none";W.Sb(function(c){if(c==="ok")a.Mc();else b.style.display="block"})},Mc:function(){document.getElementById("signin").style.display="block";var a=document.getElementById("logout");$(a).hide();R.z.id=-1;R.z.W= 0},Sd:function(){this.qc(function(){R.Rd()})},qc:function(a){R.fa()?this.Ha("checksave",a):a()},Tc:function(){this.Ha("save")},Fb:function(){this.Ha("changepassword")},fd:function(){var a=this;this.qc(function(){a.Ha("browse")})},ae:function(a,b){nb(eval("("+b+")"),a)},ld:function(){this.Ha("createaccount")},$d:function(){if(!W.Cc()||R.fa()||R.z.id===-1){var a="Log in first";if(W.Cc())a="Save first";this.Ha("message",{title:a,text:"You can only share drawings if you log in and save them first."})}else this.Ha("share")}, rd: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=qb(R.j.n.m.save());b.submit();this.L()}};window.Page=Z;Z.prototype.newDrawing=Z.prototype.Sd;Z.prototype.browseDrawings=Z.prototype.fd;Z.prototype.saveDrawing=Z.prototype.Tc;Z.prototype.logout=Z.prototype.Sb; Z.prototype.saveDrawing=Z.prototype.Tc;Z.prototype.createAccount=Z.prototype.ld;Z.prototype.login=Z.prototype.Rb;Z.prototype.currentDialog=Z.prototype.mb;Z.prototype.hideDialog=Z.prototype.L;Z.prototype.changePassword=Z.prototype.Fb;Z.prototype.onShare=Z.prototype.$d;if(!document.createElement("canvas").getContext){document.getElementById("main").style.display="none";document.getElementById("no-canvas").style.display="block"}var Oa=new ja(document.getElementById("debug"));new pb("draw");document.getElementById("clr");var W=new Ta,X=new Z;window.page=X;window.session=W; $(document).ready(function(){W.Ja!==null?X.Yb():X.Mc();W.Bd(function(){W.files.length>0&&W.Rc(W.files[0].id,function(a,b){a==="ok"&&nb(eval("("+b.data+")"),b)})});document.getElementById("main").style.cursor="default"});Z.prototype.downloadAs=Z.prototype.rd;Ta.prototype.setUsername=Ta.prototype.me;window.EffectNode=Ra;