var PointilizeBackgroundImage={mouse:{x:-1,y:-1},cellSize:5,brushSize:2,initialize:function(b,a){if(b)this.canvas=b,this.imgSrc=a,this.setDimensions(),this.drawImage(),this.setupMouseEvents()},setupMouseEvents:function(){var b=this;jQuery("body").mousemove(function(a){b.drawPixelSquare(a.pageX,a.pageY,b.data[a.pageY][a.pageX],b.ctx)})},draw:function(){for(var b=this.canvas.getContext("2d"),a=this.cellSize,c=this.data.length;a<c;a+=this.cellSize)for(var d=this.cellSize,f=this.data[0].length;d<f;d+=
this.cellSize)this.drawCell(d,a,this.data[a][d],b);this.ctx=b},drawCell:function(b,a,c,d){if(c!==void 0)d.fillStyle="rgb("+c[0]+", "+c[1]+", "+c[2]+")",d.fillRect(b,a,this.brushSize,this.brushSize)},drawPixelSquare:function(b,a,c,d){this.drawCell(b,a,c,d);this.drawCell(b+1,a+1,c,d);this.drawCell(b,a+1,c,d);this.drawCell(b+1,a,c,d)},setDimensions:function(){this.docWidth=jQuery(window).width();this.docHeight=Math.floor(this.docWidth*0.75);this.canvas.setAttribute("height",this.docHeight);this.canvas.setAttribute("width",
this.docWidth)},drawImage:function(){this.getImageData(this.docWidth,this.docHeight)},setResize:function(){function b(){a.setDimensions();a.drawImage()}var a=this,c=!1;jQuery(window).resize(function(){c!==!1&&clearTimeout(c);c=setTimeout(b,200)})},drawImageData:function(b,a,c,d){c.drawImage(d,0,0,b,a);for(var a=c.getImageData(0,0,b,a).data,d=c=0,f=[[]],e=0,g=a.length;e<g;e+=4)f[c][d]=[a[e],a[e+1],a[e+2]],d>=b-1?(d=0,c++,f[c]=[]):d++;this.data=f;this.draw()},getImageData:function(b,a){var c=this,d=
document.createElement("canvas");d.width=b;d.height=a;var f=d.getContext("2d"),e=new Image;e.onload=function(){c.drawImageData(b,a,f,e)};e.src=this.imgSrc}};