* http://www.opensource.org/licenses/bsd-license.php\r
* \r
* See scriptaculous.js for full scriptaculous licence\r
+ *\r
+ * Modified 2013/06/01 Zach P to change $() to $PR() for eliminating conflicts with jQuery\r
*/\r
\r
-var CropDraggable=Class.create();
-Object.extend(Object.extend(CropDraggable.prototype,Draggable.prototype),{initialize:function(_1){
-this.options=Object.extend({drawMethod:function(){
-}},arguments[1]||{});
-this.element=$(_1);
-this.handle=this.element;
-this.delta=this.currentDelta();
-this.dragging=false;
-this.eventMouseDown=this.initDrag.bindAsEventListener(this);
-Event.observe(this.handle,"mousedown",this.eventMouseDown);
-Draggables.register(this);
-},draw:function(_2){
-var _3=Position.cumulativeOffset(this.element);
-var d=this.currentDelta();
-_3[0]-=d[0];
-_3[1]-=d[1];
-var p=[0,1].map(function(i){
-return (_2[i]-_3[i]-this.offset[i]);
-}.bind(this));
-this.options.drawMethod(p);
-}});
-var Cropper={};
-Cropper.Img=Class.create();
-Cropper.Img.prototype={initialize:function(_7,_8){
-this.options=Object.extend({ratioDim:{x:0,y:0},minWidth:0,minHeight:0,displayOnInit:false,onEndCrop:Prototype.emptyFunction,captureKeys:true,onloadCoords:null,maxWidth:0,maxHeight:0},_8||{});
-this.img=$(_7);
-this.clickCoords={x:0,y:0};
-this.dragging=false;
-this.resizing=false;
-this.isWebKit=/Konqueror|Safari|KHTML/.test(navigator.userAgent);
-this.isIE=/MSIE/.test(navigator.userAgent);
-this.isOpera8=/Opera\s[1-8]/.test(navigator.userAgent);
-this.ratioX=0;
-this.ratioY=0;
-this.attached=false;
-this.fixedWidth=(this.options.maxWidth>0&&(this.options.minWidth>=this.options.maxWidth));
-this.fixedHeight=(this.options.maxHeight>0&&(this.options.minHeight>=this.options.maxHeight));
-if(typeof this.img=="undefined"){
-return;
-}
-$A(document.getElementsByTagName("script")).each(function(s){
-if(s.src.match(/cropper\.js/)){
-var _a=s.src.replace(/cropper\.js(.*)?/,"");
-var _b=document.createElement("link");
-_b.rel="stylesheet";
-_b.type="text/css";
-_b.href=_a+"cropper.css";
-_b.media="screen";
-document.getElementsByTagName("head")[0].appendChild(_b);
-}
-});
-if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
-var _c=this.getGCD(this.options.ratioDim.x,this.options.ratioDim.y);
-this.ratioX=this.options.ratioDim.x/_c;
-this.ratioY=this.options.ratioDim.y/_c;
-}
-this.subInitialize();
-if(this.img.complete||this.isWebKit){
-this.onLoad();
-}else{
-Event.observe(this.img,"load",this.onLoad.bindAsEventListener(this));
-}
-},getGCD:function(a,b){
-if(b==0){
-return a;
-}
-return this.getGCD(b,a%b);
-},onLoad:function(){
-var _f="imgCrop_";
-var _10=this.img.parentNode;
-var _11="";
-if(this.isOpera8){
-_11=" opera8";
-}
-this.imgWrap=Builder.node("div",{"class":_f+"wrap"+_11});
-this.north=Builder.node("div",{"class":_f+"overlay "+_f+"north"},[Builder.node("span")]);
-this.east=Builder.node("div",{"class":_f+"overlay "+_f+"east"},[Builder.node("span")]);
-this.south=Builder.node("div",{"class":_f+"overlay "+_f+"south"},[Builder.node("span")]);
-this.west=Builder.node("div",{"class":_f+"overlay "+_f+"west"},[Builder.node("span")]);
-var _12=[this.north,this.east,this.south,this.west];
-this.dragArea=Builder.node("div",{"class":_f+"dragArea"},_12);
-this.handleN=Builder.node("div",{"class":_f+"handle "+_f+"handleN"});
-this.handleNE=Builder.node("div",{"class":_f+"handle "+_f+"handleNE"});
-this.handleE=Builder.node("div",{"class":_f+"handle "+_f+"handleE"});
-this.handleSE=Builder.node("div",{"class":_f+"handle "+_f+"handleSE"});
-this.handleS=Builder.node("div",{"class":_f+"handle "+_f+"handleS"});
-this.handleSW=Builder.node("div",{"class":_f+"handle "+_f+"handleSW"});
-this.handleW=Builder.node("div",{"class":_f+"handle "+_f+"handleW"});
-this.handleNW=Builder.node("div",{"class":_f+"handle "+_f+"handleNW"});
-this.selArea=Builder.node("div",{"class":_f+"selArea"},[Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeNorth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeEast"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeSouth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeWest"},[Builder.node("span")]),this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW,Builder.node("div",{"class":_f+"clickArea"})]);
-this.imgWrap.appendChild(this.img);
-this.imgWrap.appendChild(this.dragArea);
-this.dragArea.appendChild(this.selArea);
-this.dragArea.appendChild(Builder.node("div",{"class":_f+"clickArea"}));
-_10.appendChild(this.imgWrap);
-this.startDragBind=this.startDrag.bindAsEventListener(this);
-Event.observe(this.dragArea,"mousedown",this.startDragBind);
-this.onDragBind=this.onDrag.bindAsEventListener(this);
-Event.observe(document,"mousemove",this.onDragBind);
-this.endCropBind=this.endCrop.bindAsEventListener(this);
-Event.observe(document,"mouseup",this.endCropBind);
-this.resizeBind=this.startResize.bindAsEventListener(this);
-this.handles=[this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW];
-this.registerHandles(true);
-if(this.options.captureKeys){
-this.keysBind=this.handleKeys.bindAsEventListener(this);
-Event.observe(document,"keypress",this.keysBind);
-}
-new CropDraggable(this.selArea,{drawMethod:this.moveArea.bindAsEventListener(this)});
-this.setParams();
-},registerHandles:function(_13){
-for(var i=0;i<this.handles.length;i++){
-var _15=$(this.handles[i]);
-if(_13){
-var _16=false;
-if(this.fixedWidth&&this.fixedHeight){
-_16=true;
-}else{
-if(this.fixedWidth||this.fixedHeight){
-var _17=_15.className.match(/([S|N][E|W])$/);
-var _18=_15.className.match(/(E|W)$/);
-var _19=_15.className.match(/(N|S)$/);
-if(_17){
-_16=true;
-}else{
-if(this.fixedWidth&&_18){
-_16=true;
-}else{
-if(this.fixedHeight&&_19){
-_16=true;
-}
-}
-}
-}
-}
-if(_16){
-_15.hide();
-}else{
-Event.observe(_15,"mousedown",this.resizeBind);
-}
-}else{
-_15.show();
-Event.stopObserving(_15,"mousedown",this.resizeBind);
-}
-}
-},setParams:function(){
-this.imgW=this.img.width;
-this.imgH=this.img.height;
-$(this.north).setStyle({height:0});
-$(this.east).setStyle({width:0,height:0});
-$(this.south).setStyle({height:0});
-$(this.west).setStyle({width:0,height:0});
-$(this.imgWrap).setStyle({"width":this.imgW+"px","height":this.imgH+"px"});
-$(this.selArea).hide();
-var _1a={x1:0,y1:0,x2:0,y2:0};
-var _1b=false;
-if(this.options.onloadCoords!=null){
-_1a=this.cloneCoords(this.options.onloadCoords);
-_1b=true;
-}else{
-if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){
-_1a.x1=Math.ceil((this.imgW-this.options.ratioDim.x)/2);
-_1a.y1=Math.ceil((this.imgH-this.options.ratioDim.y)/2);
-_1a.x2=_1a.x1+this.options.ratioDim.x;
-_1a.y2=_1a.y1+this.options.ratioDim.y;
-_1b=true;
-}
-}
-this.setAreaCoords(_1a,false,false,1);
-if(this.options.displayOnInit&&_1b){
-this.selArea.show();
-this.drawArea();
-this.endCrop();
-}
-this.attached=true;
-},remove:function(){
-if(this.attached){
-this.attached=false;
-this.imgWrap.parentNode.insertBefore(this.img,this.imgWrap);
-this.imgWrap.parentNode.removeChild(this.imgWrap);
-Event.stopObserving(this.dragArea,"mousedown",this.startDragBind);
-Event.stopObserving(document,"mousemove",this.onDragBind);
-Event.stopObserving(document,"mouseup",this.endCropBind);
-this.registerHandles(false);
-if(this.options.captureKeys){
-Event.stopObserving(document,"keypress",this.keysBind);
-}
-}
-},reset:function(){
-if(!this.attached){
-this.onLoad();
-}else{
-this.setParams();
-}
-this.endCrop();
-},handleKeys:function(e){
-var dir={x:0,y:0};
-if(!this.dragging){
-switch(e.keyCode){
-case (37):
-dir.x=-1;
-break;
-case (38):
-dir.y=-1;
-break;
-case (39):
-dir.x=1;
-break;
-case (40):
-dir.y=1;
-break;
-}
-if(dir.x!=0||dir.y!=0){
-if(e.shiftKey){
-dir.x*=10;
-dir.y*=10;
-}
-this.moveArea([this.areaCoords.x1+dir.x,this.areaCoords.y1+dir.y]);
-Event.stop(e);
-}
-}
-},calcW:function(){
-return (this.areaCoords.x2-this.areaCoords.x1);
-},calcH:function(){
-return (this.areaCoords.y2-this.areaCoords.y1);
-},moveArea:function(_1e){
-this.setAreaCoords({x1:_1e[0],y1:_1e[1],x2:_1e[0]+this.calcW(),y2:_1e[1]+this.calcH()},true,false);
-this.drawArea();
-},cloneCoords:function(_1f){
-return {x1:_1f.x1,y1:_1f.y1,x2:_1f.x2,y2:_1f.y2};
-},setAreaCoords:function(_20,_21,_22,_23,_24){
-if(_21){
-var _25=_20.x2-_20.x1;
-var _26=_20.y2-_20.y1;
-if(_20.x1<0){
-_20.x1=0;
-_20.x2=_25;
-}
-if(_20.y1<0){
-_20.y1=0;
-_20.y2=_26;
-}
-if(_20.x2>this.imgW){
-_20.x2=this.imgW;
-_20.x1=this.imgW-_25;
-}
-if(_20.y2>this.imgH){
-_20.y2=this.imgH;
-_20.y1=this.imgH-_26;
-}
-}else{
-if(_20.x1<0){
-_20.x1=0;
-}
-if(_20.y1<0){
-_20.y1=0;
-}
-if(_20.x2>this.imgW){
-_20.x2=this.imgW;
-}
-if(_20.y2>this.imgH){
-_20.y2=this.imgH;
-}
-if(_23!=null){
-if(this.ratioX>0){
-this.applyRatio(_20,{x:this.ratioX,y:this.ratioY},_23,_24);
-}else{
-if(_22){
-this.applyRatio(_20,{x:1,y:1},_23,_24);
-}
-}
-var _27=[this.options.minWidth,this.options.minHeight];
-var _28=[this.options.maxWidth,this.options.maxHeight];
-if(_27[0]>0||_27[1]>0||_28[0]>0||_28[1]>0){
-var _29={a1:_20.x1,a2:_20.x2};
-var _2a={a1:_20.y1,a2:_20.y2};
-var _2b={min:0,max:this.imgW};
-var _2c={min:0,max:this.imgH};
-if((_27[0]!=0||_27[1]!=0)&&_22){
-if(_27[0]>0){
-_27[1]=_27[0];
-}else{
-if(_27[1]>0){
-_27[0]=_27[1];
-}
-}
-}
-if((_28[0]!=0||_28[0]!=0)&&_22){
-if(_28[0]>0&&_28[0]<=_28[1]){
-_28[1]=_28[0];
-}else{
-if(_28[1]>0&&_28[1]<=_28[0]){
-_28[0]=_28[1];
-}
-}
-}
-if(_27[0]>0){
-this.applyDimRestriction(_29,_27[0],_23.x,_2b,"min");
-}
-if(_27[1]>1){
-this.applyDimRestriction(_2a,_27[1],_23.y,_2c,"min");
-}
-if(_28[0]>0){
-this.applyDimRestriction(_29,_28[0],_23.x,_2b,"max");
-}
-if(_28[1]>1){
-this.applyDimRestriction(_2a,_28[1],_23.y,_2c,"max");
-}
-_20={x1:_29.a1,y1:_2a.a1,x2:_29.a2,y2:_2a.a2};
-}
-}
-}
-this.areaCoords=_20;
-},applyDimRestriction:function(_2d,val,_2f,_30,_31){
-var _32;
-if(_31=="min"){
-_32=((_2d.a2-_2d.a1)<val);
-}else{
-_32=((_2d.a2-_2d.a1)>val);
-}
-if(_32){
-if(_2f==1){
-_2d.a2=_2d.a1+val;
-}else{
-_2d.a1=_2d.a2-val;
-}
-if(_2d.a1<_30.min){
-_2d.a1=_30.min;
-_2d.a2=val;
-}else{
-if(_2d.a2>_30.max){
-_2d.a1=_30.max-val;
-_2d.a2=_30.max;
-}
-}
-}
-},applyRatio:function(_33,_34,_35,_36){
-var _37;
-if(_36=="N"||_36=="S"){
-_37=this.applyRatioToAxis({a1:_33.y1,b1:_33.x1,a2:_33.y2,b2:_33.x2},{a:_34.y,b:_34.x},{a:_35.y,b:_35.x},{min:0,max:this.imgW});
-_33.x1=_37.b1;
-_33.y1=_37.a1;
-_33.x2=_37.b2;
-_33.y2=_37.a2;
-}else{
-_37=this.applyRatioToAxis({a1:_33.x1,b1:_33.y1,a2:_33.x2,b2:_33.y2},{a:_34.x,b:_34.y},{a:_35.x,b:_35.y},{min:0,max:this.imgH});
-_33.x1=_37.a1;
-_33.y1=_37.b1;
-_33.x2=_37.a2;
-_33.y2=_37.b2;
-}
-},applyRatioToAxis:function(_38,_39,_3a,_3b){
-var _3c=Object.extend(_38,{});
-var _3d=_3c.a2-_3c.a1;
-var _3e=Math.floor(_3d*_39.b/_39.a);
-var _3f;
-var _40;
-var _41=null;
-if(_3a.b==1){
-_3f=_3c.b1+_3e;
-if(_3f>_3b.max){
-_3f=_3b.max;
-_41=_3f-_3c.b1;
-}
-_3c.b2=_3f;
-}else{
-_3f=_3c.b2-_3e;
-if(_3f<_3b.min){
-_3f=_3b.min;
-_41=_3f+_3c.b2;
-}
-_3c.b1=_3f;
-}
-if(_41!=null){
-_40=Math.floor(_41*_39.a/_39.b);
-if(_3a.a==1){
-_3c.a2=_3c.a1+_40;
-}else{
-_3c.a1=_3c.a1=_3c.a2-_40;
-}
-}
-return _3c;
-},drawArea:function(){
-var _42=this.calcW();
-var _43=this.calcH();
-var px="px";
-var _45=[this.areaCoords.x1+px,this.areaCoords.y1+px,_42+px,_43+px,this.areaCoords.x2+px,this.areaCoords.y2+px,(this.img.width-this.areaCoords.x2)+px,(this.img.height-this.areaCoords.y2)+px];
-var _46=this.selArea.style;
-_46.left=_45[0];
-_46.top=_45[1];
-_46.width=_45[2];
-_46.height=_45[3];
-var _47=Math.ceil((_42-6)/2)+px;
-var _48=Math.ceil((_43-6)/2)+px;
-this.handleN.style.left=_47;
-this.handleE.style.top=_48;
-this.handleS.style.left=_47;
-this.handleW.style.top=_48;
-this.north.style.height=_45[1];
-var _49=this.east.style;
-_49.top=_45[1];
-_49.height=_45[3];
-_49.left=_45[4];
-_49.width=_45[6];
-var _4a=this.south.style;
-_4a.top=_45[5];
-_4a.height=_45[7];
-var _4b=this.west.style;
-_4b.top=_45[1];
-_4b.height=_45[3];
-_4b.width=_45[0];
-this.subDrawArea();
-this.forceReRender();
-},forceReRender:function(){
-if(this.isIE||this.isWebKit){
-var n=document.createTextNode(" ");
-var d,el,fixEL,i;
-if(this.isIE){
-fixEl=this.selArea;
-}else{
-if(this.isWebKit){
-fixEl=document.getElementsByClassName("imgCrop_marqueeSouth",this.imgWrap)[0];
-d=Builder.node("div","");
-d.style.visibility="hidden";
-var _4e=["SE","S","SW"];
-for(i=0;i<_4e.length;i++){
-el=document.getElementsByClassName("imgCrop_handle"+_4e[i],this.selArea)[0];
-if(el.childNodes.length){
-el.removeChild(el.childNodes[0]);
-}
-el.appendChild(d);
-}
-}
-}
-fixEl.appendChild(n);
-fixEl.removeChild(n);
-}
-},startResize:function(e){
-this.startCoords=this.cloneCoords(this.areaCoords);
-this.resizing=true;
-this.resizeHandle=Event.element(e).classNames().toString().replace(/([^N|NE|E|SE|S|SW|W|NW])+/,"");
-Event.stop(e);
-},startDrag:function(e){
-this.selArea.show();
-this.clickCoords=this.getCurPos(e);
-this.setAreaCoords({x1:this.clickCoords.x,y1:this.clickCoords.y,x2:this.clickCoords.x,y2:this.clickCoords.y},false,false,null);
-this.dragging=true;
-this.onDrag(e);
-Event.stop(e);
-},getCurPos:function(e){
-var el=this.imgWrap,wrapOffsets=Position.cumulativeOffset(el);
-while(el.nodeName!="BODY"){
-wrapOffsets[1]-=el.scrollTop||0;
-wrapOffsets[0]-=el.scrollLeft||0;
-el=el.parentNode;
-}
-return curPos={x:Event.pointerX(e)-wrapOffsets[0],y:Event.pointerY(e)-wrapOffsets[1]};
-},onDrag:function(e){
-if(this.dragging||this.resizing){
-var _54=null;
-var _55=this.getCurPos(e);
-var _56=this.cloneCoords(this.areaCoords);
-var _57={x:1,y:1};
-if(this.dragging){
-if(_55.x<this.clickCoords.x){
-_57.x=-1;
-}
-if(_55.y<this.clickCoords.y){
-_57.y=-1;
-}
-this.transformCoords(_55.x,this.clickCoords.x,_56,"x");
-this.transformCoords(_55.y,this.clickCoords.y,_56,"y");
-}else{
-if(this.resizing){
-_54=this.resizeHandle;
-if(_54.match(/E/)){
-this.transformCoords(_55.x,this.startCoords.x1,_56,"x");
-if(_55.x<this.startCoords.x1){
-_57.x=-1;
-}
-}else{
-if(_54.match(/W/)){
-this.transformCoords(_55.x,this.startCoords.x2,_56,"x");
-if(_55.x<this.startCoords.x2){
-_57.x=-1;
-}
-}
-}
-if(_54.match(/N/)){
-this.transformCoords(_55.y,this.startCoords.y2,_56,"y");
-if(_55.y<this.startCoords.y2){
-_57.y=-1;
-}
-}else{
-if(_54.match(/S/)){
-this.transformCoords(_55.y,this.startCoords.y1,_56,"y");
-if(_55.y<this.startCoords.y1){
-_57.y=-1;
-}
-}
-}
-}
-}
-this.setAreaCoords(_56,false,e.shiftKey,_57,_54);
-this.drawArea();
-Event.stop(e);
-}
-},transformCoords:function(_58,_59,_5a,_5b){
-var _5c=[_58,_59];
-if(_58>_59){
-_5c.reverse();
-}
-_5a[_5b+"1"]=_5c[0];
-_5a[_5b+"2"]=_5c[1];
-},endCrop:function(){
-this.dragging=false;
-this.resizing=false;
-this.options.onEndCrop(this.areaCoords,{width:this.calcW(),height:this.calcH()});
-},subInitialize:function(){
-},subDrawArea:function(){
-}};
-Cropper.ImgWithPreview=Class.create();
-Object.extend(Object.extend(Cropper.ImgWithPreview.prototype,Cropper.Img.prototype),{subInitialize:function(){
-this.hasPreviewImg=false;
-if(typeof (this.options.previewWrap)!="undefined"&&this.options.minWidth>0&&this.options.minHeight>0){
-this.previewWrap=$(this.options.previewWrap);
-this.previewImg=this.img.cloneNode(false);
-this.previewImg.id="imgCrop_"+this.previewImg.id;
-this.options.displayOnInit=true;
-this.hasPreviewImg=true;
-this.previewWrap.addClassName("imgCrop_previewWrap");
-this.previewWrap.setStyle({width:this.options.minWidth+"px",height:this.options.minHeight+"px"});
-this.previewWrap.appendChild(this.previewImg);
-}
-},subDrawArea:function(){
-if(this.hasPreviewImg){
-var _5d=this.calcW();
-var _5e=this.calcH();
-var _5f={x:this.imgW/_5d,y:this.imgH/_5e};
-var _60={x:_5d/this.options.minWidth,y:_5e/this.options.minHeight};
-var _61={w:Math.ceil(this.options.minWidth*_5f.x)+"px",h:Math.ceil(this.options.minHeight*_5f.y)+"px",x:"-"+Math.ceil(this.areaCoords.x1/_60.x)+"px",y:"-"+Math.ceil(this.areaCoords.y1/_60.y)+"px"};
-var _62=this.previewImg.style;
-_62.width=_61.w;
-_62.height=_61.h;
-_62.left=_61.x;
-_62.top=_61.y;
-}
-}});
+var CropDraggable=Class.create();\r
+Object.extend(Object.extend(CropDraggable.prototype,Draggable.prototype),{initialize:function(_1){\r
+this.options=Object.extend({drawMethod:function(){\r
+}},arguments[1]||{});\r
+this.element=$PR(_1);\r
+this.handle=this.element;\r
+this.delta=this.currentDelta();\r
+this.dragging=false;\r
+this.eventMouseDown=this.initDrag.bindAsEventListener(this);\r
+Event.observe(this.handle,"mousedown",this.eventMouseDown);\r
+Draggables.register(this);\r
+},draw:function(_2){\r
+var _3=Position.cumulativeOffset(this.element);\r
+var d=this.currentDelta();\r
+_3[0]-=d[0];\r
+_3[1]-=d[1];\r
+var p=[0,1].map(function(i){\r
+return (_2[i]-_3[i]-this.offset[i]);\r
+}.bind(this));\r
+this.options.drawMethod(p);\r
+}});\r
+var Cropper={};\r
+Cropper.Img=Class.create();\r
+Cropper.Img.prototype={initialize:function(_7,_8){\r
+this.options=Object.extend({ratioDim:{x:0,y:0},minWidth:0,minHeight:0,displayOnInit:false,onEndCrop:Prototype.emptyFunction,captureKeys:true,onloadCoords:null,maxWidth:0,maxHeight:0},_8||{});\r
+this.img=$PR(_7);\r
+this.clickCoords={x:0,y:0};\r
+this.dragging=false;\r
+this.resizing=false;\r
+this.isWebKit=/Konqueror|Safari|KHTML/.test(navigator.userAgent);\r
+this.isIE=/MSIE/.test(navigator.userAgent);\r
+this.isOpera8=/Opera\s[1-8]/.test(navigator.userAgent);\r
+this.ratioX=0;\r
+this.ratioY=0;\r
+this.attached=false;\r
+this.fixedWidth=(this.options.maxWidth>0&&(this.options.minWidth>=this.options.maxWidth));\r
+this.fixedHeight=(this.options.maxHeight>0&&(this.options.minHeight>=this.options.maxHeight));\r
+if(typeof this.img=="undefined"){\r
+return;\r
+}\r
+$A(document.getElementsByTagName("script")).each(function(s){\r
+if(s.src.match(/cropper\.js/)){\r
+var _a=s.src.replace(/cropper\.js(.*)?/,"");\r
+var _b=document.createElement("link");\r
+_b.rel="stylesheet";\r
+_b.type="text/css";\r
+_b.href=_a+"cropper.css";\r
+_b.media="screen";\r
+document.getElementsByTagName("head")[0].appendChild(_b);\r
+}\r
+});\r
+if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){\r
+var _c=this.getGCD(this.options.ratioDim.x,this.options.ratioDim.y);\r
+this.ratioX=this.options.ratioDim.x/_c;\r
+this.ratioY=this.options.ratioDim.y/_c;\r
+}\r
+this.subInitialize();\r
+if(this.img.complete||this.isWebKit){\r
+this.onLoad();\r
+}else{\r
+Event.observe(this.img,"load",this.onLoad.bindAsEventListener(this));\r
+}\r
+},getGCD:function(a,b){\r
+if(b==0){\r
+return a;\r
+}\r
+return this.getGCD(b,a%b);\r
+},onLoad:function(){\r
+var _f="imgCrop_";\r
+var _10=this.img.parentNode;\r
+var _11="";\r
+if(this.isOpera8){\r
+_11=" opera8";\r
+}\r
+this.imgWrap=Builder.node("div",{"class":_f+"wrap"+_11});\r
+this.north=Builder.node("div",{"class":_f+"overlay "+_f+"north"},[Builder.node("span")]);\r
+this.east=Builder.node("div",{"class":_f+"overlay "+_f+"east"},[Builder.node("span")]);\r
+this.south=Builder.node("div",{"class":_f+"overlay "+_f+"south"},[Builder.node("span")]);\r
+this.west=Builder.node("div",{"class":_f+"overlay "+_f+"west"},[Builder.node("span")]);\r
+var _12=[this.north,this.east,this.south,this.west];\r
+this.dragArea=Builder.node("div",{"class":_f+"dragArea"},_12);\r
+this.handleN=Builder.node("div",{"class":_f+"handle "+_f+"handleN"});\r
+this.handleNE=Builder.node("div",{"class":_f+"handle "+_f+"handleNE"});\r
+this.handleE=Builder.node("div",{"class":_f+"handle "+_f+"handleE"});\r
+this.handleSE=Builder.node("div",{"class":_f+"handle "+_f+"handleSE"});\r
+this.handleS=Builder.node("div",{"class":_f+"handle "+_f+"handleS"});\r
+this.handleSW=Builder.node("div",{"class":_f+"handle "+_f+"handleSW"});\r
+this.handleW=Builder.node("div",{"class":_f+"handle "+_f+"handleW"});\r
+this.handleNW=Builder.node("div",{"class":_f+"handle "+_f+"handleNW"});\r
+this.selArea=Builder.node("div",{"class":_f+"selArea"},[Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeNorth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeEast"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeHoriz "+_f+"marqueeSouth"},[Builder.node("span")]),Builder.node("div",{"class":_f+"marqueeVert "+_f+"marqueeWest"},[Builder.node("span")]),this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW,Builder.node("div",{"class":_f+"clickArea"})]);\r
+this.imgWrap.appendChild(this.img);\r
+this.imgWrap.appendChild(this.dragArea);\r
+this.dragArea.appendChild(this.selArea);\r
+this.dragArea.appendChild(Builder.node("div",{"class":_f+"clickArea"}));\r
+_10.appendChild(this.imgWrap);\r
+this.startDragBind=this.startDrag.bindAsEventListener(this);\r
+Event.observe(this.dragArea,"mousedown",this.startDragBind);\r
+this.onDragBind=this.onDrag.bindAsEventListener(this);\r
+Event.observe(document,"mousemove",this.onDragBind);\r
+this.endCropBind=this.endCrop.bindAsEventListener(this);\r
+Event.observe(document,"mouseup",this.endCropBind);\r
+this.resizeBind=this.startResize.bindAsEventListener(this);\r
+this.handles=[this.handleN,this.handleNE,this.handleE,this.handleSE,this.handleS,this.handleSW,this.handleW,this.handleNW];\r
+this.registerHandles(true);\r
+if(this.options.captureKeys){\r
+this.keysBind=this.handleKeys.bindAsEventListener(this);\r
+Event.observe(document,"keypress",this.keysBind);\r
+}\r
+new CropDraggable(this.selArea,{drawMethod:this.moveArea.bindAsEventListener(this)});\r
+this.setParams();\r
+},registerHandles:function(_13){\r
+for(var i=0;i<this.handles.length;i++){\r
+var _15=$PR(this.handles[i]);\r
+if(_13){\r
+var _16=false;\r
+if(this.fixedWidth&&this.fixedHeight){\r
+_16=true;\r
+}else{\r
+if(this.fixedWidth||this.fixedHeight){\r
+var _17=_15.className.match(/([S|N][E|W])$/);\r
+var _18=_15.className.match(/(E|W)$/);\r
+var _19=_15.className.match(/(N|S)$/);\r
+if(_17){\r
+_16=true;\r
+}else{\r
+if(this.fixedWidth&&_18){\r
+_16=true;\r
+}else{\r
+if(this.fixedHeight&&_19){\r
+_16=true;\r
+}\r
+}\r
+}\r
+}\r
+}\r
+if(_16){\r
+_15.hide();\r
+}else{\r
+Event.observe(_15,"mousedown",this.resizeBind);\r
+}\r
+}else{\r
+_15.show();\r
+Event.stopObserving(_15,"mousedown",this.resizeBind);\r
+}\r
+}\r
+},setParams:function(){\r
+this.imgW=this.img.width;\r
+this.imgH=this.img.height;\r
+$PR(this.north).setStyle({height:0});\r
+$PR(this.east).setStyle({width:0,height:0});\r
+$PR(this.south).setStyle({height:0});\r
+$PR(this.west).setStyle({width:0,height:0});\r
+$PR(this.imgWrap).setStyle({"width":this.imgW+"px","height":this.imgH+"px"});\r
+$PR(this.selArea).hide();\r
+var _1a={x1:0,y1:0,x2:0,y2:0};\r
+var _1b=false;\r
+if(this.options.onloadCoords!=null){\r
+_1a=this.cloneCoords(this.options.onloadCoords);\r
+_1b=true;\r
+}else{\r
+if(this.options.ratioDim.x>0&&this.options.ratioDim.y>0){\r
+_1a.x1=Math.ceil((this.imgW-this.options.ratioDim.x)/2);\r
+_1a.y1=Math.ceil((this.imgH-this.options.ratioDim.y)/2);\r
+_1a.x2=_1a.x1+this.options.ratioDim.x;\r
+_1a.y2=_1a.y1+this.options.ratioDim.y;\r
+_1b=true;\r
+}\r
+}\r
+this.setAreaCoords(_1a,false,false,1);\r
+if(this.options.displayOnInit&&_1b){\r
+this.selArea.show();\r
+this.drawArea();\r
+this.endCrop();\r
+}\r
+this.attached=true;\r
+},remove:function(){\r
+if(this.attached){\r
+this.attached=false;\r
+this.imgWrap.parentNode.insertBefore(this.img,this.imgWrap);\r
+this.imgWrap.parentNode.removeChild(this.imgWrap);\r
+Event.stopObserving(this.dragArea,"mousedown",this.startDragBind);\r
+Event.stopObserving(document,"mousemove",this.onDragBind);\r
+Event.stopObserving(document,"mouseup",this.endCropBind);\r
+this.registerHandles(false);\r
+if(this.options.captureKeys){\r
+Event.stopObserving(document,"keypress",this.keysBind);\r
+}\r
+}\r
+},reset:function(){\r
+if(!this.attached){\r
+this.onLoad();\r
+}else{\r
+this.setParams();\r
+}\r
+this.endCrop();\r
+},handleKeys:function(e){\r
+var dir={x:0,y:0};\r
+if(!this.dragging){\r
+switch(e.keyCode){\r
+case (37):\r
+dir.x=-1;\r
+break;\r
+case (38):\r
+dir.y=-1;\r
+break;\r
+case (39):\r
+dir.x=1;\r
+break;\r
+case (40):\r
+dir.y=1;\r
+break;\r
+}\r
+if(dir.x!=0||dir.y!=0){\r
+if(e.shiftKey){\r
+dir.x*=10;\r
+dir.y*=10;\r
+}\r
+this.moveArea([this.areaCoords.x1+dir.x,this.areaCoords.y1+dir.y]);\r
+Event.stop(e);\r
+}\r
+}\r
+},calcW:function(){\r
+return (this.areaCoords.x2-this.areaCoords.x1);\r
+},calcH:function(){\r
+return (this.areaCoords.y2-this.areaCoords.y1);\r
+},moveArea:function(_1e){\r
+this.setAreaCoords({x1:_1e[0],y1:_1e[1],x2:_1e[0]+this.calcW(),y2:_1e[1]+this.calcH()},true,false);\r
+this.drawArea();\r
+},cloneCoords:function(_1f){\r
+return {x1:_1f.x1,y1:_1f.y1,x2:_1f.x2,y2:_1f.y2};\r
+},setAreaCoords:function(_20,_21,_22,_23,_24){\r
+if(_21){\r
+var _25=_20.x2-_20.x1;\r
+var _26=_20.y2-_20.y1;\r
+if(_20.x1<0){\r
+_20.x1=0;\r
+_20.x2=_25;\r
+}\r
+if(_20.y1<0){\r
+_20.y1=0;\r
+_20.y2=_26;\r
+}\r
+if(_20.x2>this.imgW){\r
+_20.x2=this.imgW;\r
+_20.x1=this.imgW-_25;\r
+}\r
+if(_20.y2>this.imgH){\r
+_20.y2=this.imgH;\r
+_20.y1=this.imgH-_26;\r
+}\r
+}else{\r
+if(_20.x1<0){\r
+_20.x1=0;\r
+}\r
+if(_20.y1<0){\r
+_20.y1=0;\r
+}\r
+if(_20.x2>this.imgW){\r
+_20.x2=this.imgW;\r
+}\r
+if(_20.y2>this.imgH){\r
+_20.y2=this.imgH;\r
+}\r
+if(_23!=null){\r
+if(this.ratioX>0){\r
+this.applyRatio(_20,{x:this.ratioX,y:this.ratioY},_23,_24);\r
+}else{\r
+if(_22){\r
+this.applyRatio(_20,{x:1,y:1},_23,_24);\r
+}\r
+}\r
+var _27=[this.options.minWidth,this.options.minHeight];\r
+var _28=[this.options.maxWidth,this.options.maxHeight];\r
+if(_27[0]>0||_27[1]>0||_28[0]>0||_28[1]>0){\r
+var _29={a1:_20.x1,a2:_20.x2};\r
+var _2a={a1:_20.y1,a2:_20.y2};\r
+var _2b={min:0,max:this.imgW};\r
+var _2c={min:0,max:this.imgH};\r
+if((_27[0]!=0||_27[1]!=0)&&_22){\r
+if(_27[0]>0){\r
+_27[1]=_27[0];\r
+}else{\r
+if(_27[1]>0){\r
+_27[0]=_27[1];\r
+}\r
+}\r
+}\r
+if((_28[0]!=0||_28[0]!=0)&&_22){\r
+if(_28[0]>0&&_28[0]<=_28[1]){\r
+_28[1]=_28[0];\r
+}else{\r
+if(_28[1]>0&&_28[1]<=_28[0]){\r
+_28[0]=_28[1];\r
+}\r
+}\r
+}\r
+if(_27[0]>0){\r
+this.applyDimRestriction(_29,_27[0],_23.x,_2b,"min");\r
+}\r
+if(_27[1]>1){\r
+this.applyDimRestriction(_2a,_27[1],_23.y,_2c,"min");\r
+}\r
+if(_28[0]>0){\r
+this.applyDimRestriction(_29,_28[0],_23.x,_2b,"max");\r
+}\r
+if(_28[1]>1){\r
+this.applyDimRestriction(_2a,_28[1],_23.y,_2c,"max");\r
+}\r
+_20={x1:_29.a1,y1:_2a.a1,x2:_29.a2,y2:_2a.a2};\r
+}\r
+}\r
+}\r
+this.areaCoords=_20;\r
+},applyDimRestriction:function(_2d,val,_2f,_30,_31){\r
+var _32;\r
+if(_31=="min"){\r
+_32=((_2d.a2-_2d.a1)<val);\r
+}else{\r
+_32=((_2d.a2-_2d.a1)>val);\r
+}\r
+if(_32){\r
+if(_2f==1){\r
+_2d.a2=_2d.a1+val;\r
+}else{\r
+_2d.a1=_2d.a2-val;\r
+}\r
+if(_2d.a1<_30.min){\r
+_2d.a1=_30.min;\r
+_2d.a2=val;\r
+}else{\r
+if(_2d.a2>_30.max){\r
+_2d.a1=_30.max-val;\r
+_2d.a2=_30.max;\r
+}\r
+}\r
+}\r
+},applyRatio:function(_33,_34,_35,_36){\r
+var _37;\r
+if(_36=="N"||_36=="S"){\r
+_37=this.applyRatioToAxis({a1:_33.y1,b1:_33.x1,a2:_33.y2,b2:_33.x2},{a:_34.y,b:_34.x},{a:_35.y,b:_35.x},{min:0,max:this.imgW});\r
+_33.x1=_37.b1;\r
+_33.y1=_37.a1;\r
+_33.x2=_37.b2;\r
+_33.y2=_37.a2;\r
+}else{\r
+_37=this.applyRatioToAxis({a1:_33.x1,b1:_33.y1,a2:_33.x2,b2:_33.y2},{a:_34.x,b:_34.y},{a:_35.x,b:_35.y},{min:0,max:this.imgH});\r
+_33.x1=_37.a1;\r
+_33.y1=_37.b1;\r
+_33.x2=_37.a2;\r
+_33.y2=_37.b2;\r
+}\r
+},applyRatioToAxis:function(_38,_39,_3a,_3b){\r
+var _3c=Object.extend(_38,{});\r
+var _3d=_3c.a2-_3c.a1;\r
+var _3e=Math.floor(_3d*_39.b/_39.a);\r
+var _3f;\r
+var _40;\r
+var _41=null;\r
+if(_3a.b==1){\r
+_3f=_3c.b1+_3e;\r
+if(_3f>_3b.max){\r
+_3f=_3b.max;\r
+_41=_3f-_3c.b1;\r
+}\r
+_3c.b2=_3f;\r
+}else{\r
+_3f=_3c.b2-_3e;\r
+if(_3f<_3b.min){\r
+_3f=_3b.min;\r
+_41=_3f+_3c.b2;\r
+}\r
+_3c.b1=_3f;\r
+}\r
+if(_41!=null){\r
+_40=Math.floor(_41*_39.a/_39.b);\r
+if(_3a.a==1){\r
+_3c.a2=_3c.a1+_40;\r
+}else{\r
+_3c.a1=_3c.a1=_3c.a2-_40;\r
+}\r
+}\r
+return _3c;\r
+},drawArea:function(){\r
+var _42=this.calcW();\r
+var _43=this.calcH();\r
+var px="px";\r
+var _45=[this.areaCoords.x1+px,this.areaCoords.y1+px,_42+px,_43+px,this.areaCoords.x2+px,this.areaCoords.y2+px,(this.img.width-this.areaCoords.x2)+px,(this.img.height-this.areaCoords.y2)+px];\r
+var _46=this.selArea.style;\r
+_46.left=_45[0];\r
+_46.top=_45[1];\r
+_46.width=_45[2];\r
+_46.height=_45[3];\r
+var _47=Math.ceil((_42-6)/2)+px;\r
+var _48=Math.ceil((_43-6)/2)+px;\r
+this.handleN.style.left=_47;\r
+this.handleE.style.top=_48;\r
+this.handleS.style.left=_47;\r
+this.handleW.style.top=_48;\r
+this.north.style.height=_45[1];\r
+var _49=this.east.style;\r
+_49.top=_45[1];\r
+_49.height=_45[3];\r
+_49.left=_45[4];\r
+_49.width=_45[6];\r
+var _4a=this.south.style;\r
+_4a.top=_45[5];\r
+_4a.height=_45[7];\r
+var _4b=this.west.style;\r
+_4b.top=_45[1];\r
+_4b.height=_45[3];\r
+_4b.width=_45[0];\r
+this.subDrawArea();\r
+this.forceReRender();\r
+},forceReRender:function(){\r
+if(this.isIE||this.isWebKit){\r
+var n=document.createTextNode(" ");\r
+var d,el,fixEL,i;\r
+if(this.isIE){\r
+fixEl=this.selArea;\r
+}else{\r
+if(this.isWebKit){\r
+fixEl=document.getElementsByClassName("imgCrop_marqueeSouth",this.imgWrap)[0];\r
+d=Builder.node("div","");\r
+d.style.visibility="hidden";\r
+var _4e=["SE","S","SW"];\r
+for(i=0;i<_4e.length;i++){\r
+el=document.getElementsByClassName("imgCrop_handle"+_4e[i],this.selArea)[0];\r
+if(el.childNodes.length){\r
+el.removeChild(el.childNodes[0]);\r
+}\r
+el.appendChild(d);\r
+}\r
+}\r
+}\r
+fixEl.appendChild(n);\r
+fixEl.removeChild(n);\r
+}\r
+},startResize:function(e){\r
+this.startCoords=this.cloneCoords(this.areaCoords);\r
+this.resizing=true;\r
+this.resizeHandle=Event.element(e).classNames().toString().replace(/([^N|NE|E|SE|S|SW|W|NW])+/,"");\r
+Event.stop(e);\r
+},startDrag:function(e){\r
+this.selArea.show();\r
+this.clickCoords=this.getCurPos(e);\r
+this.setAreaCoords({x1:this.clickCoords.x,y1:this.clickCoords.y,x2:this.clickCoords.x,y2:this.clickCoords.y},false,false,null);\r
+this.dragging=true;\r
+this.onDrag(e);\r
+Event.stop(e);\r
+},getCurPos:function(e){\r
+var el=this.imgWrap,wrapOffsets=Position.cumulativeOffset(el);\r
+while(el.nodeName!="BODY"){\r
+wrapOffsets[1]-=el.scrollTop||0;\r
+wrapOffsets[0]-=el.scrollLeft||0;\r
+el=el.parentNode;\r
+}\r
+return curPos={x:Event.pointerX(e)-wrapOffsets[0],y:Event.pointerY(e)-wrapOffsets[1]};\r
+},onDrag:function(e){\r
+if(this.dragging||this.resizing){\r
+var _54=null;\r
+var _55=this.getCurPos(e);\r
+var _56=this.cloneCoords(this.areaCoords);\r
+var _57={x:1,y:1};\r
+if(this.dragging){\r
+if(_55.x<this.clickCoords.x){\r
+_57.x=-1;\r
+}\r
+if(_55.y<this.clickCoords.y){\r
+_57.y=-1;\r
+}\r
+this.transformCoords(_55.x,this.clickCoords.x,_56,"x");\r
+this.transformCoords(_55.y,this.clickCoords.y,_56,"y");\r
+}else{\r
+if(this.resizing){\r
+_54=this.resizeHandle;\r
+if(_54.match(/E/)){\r
+this.transformCoords(_55.x,this.startCoords.x1,_56,"x");\r
+if(_55.x<this.startCoords.x1){\r
+_57.x=-1;\r
+}\r
+}else{\r
+if(_54.match(/W/)){\r
+this.transformCoords(_55.x,this.startCoords.x2,_56,"x");\r
+if(_55.x<this.startCoords.x2){\r
+_57.x=-1;\r
+}\r
+}\r
+}\r
+if(_54.match(/N/)){\r
+this.transformCoords(_55.y,this.startCoords.y2,_56,"y");\r
+if(_55.y<this.startCoords.y2){\r
+_57.y=-1;\r
+}\r
+}else{\r
+if(_54.match(/S/)){\r
+this.transformCoords(_55.y,this.startCoords.y1,_56,"y");\r
+if(_55.y<this.startCoords.y1){\r
+_57.y=-1;\r
+}\r
+}\r
+}\r
+}\r
+}\r
+this.setAreaCoords(_56,false,e.shiftKey,_57,_54);\r
+this.drawArea();\r
+Event.stop(e);\r
+}\r
+},transformCoords:function(_58,_59,_5a,_5b){\r
+var _5c=[_58,_59];\r
+if(_58>_59){\r
+_5c.reverse();\r
+}\r
+_5a[_5b+"1"]=_5c[0];\r
+_5a[_5b+"2"]=_5c[1];\r
+},endCrop:function(){\r
+this.dragging=false;\r
+this.resizing=false;\r
+this.options.onEndCrop(this.areaCoords,{width:this.calcW(),height:this.calcH()});\r
+},subInitialize:function(){\r
+},subDrawArea:function(){\r
+}};\r
+Cropper.ImgWithPreview=Class.create();\r
+Object.extend(Object.extend(Cropper.ImgWithPreview.prototype,Cropper.Img.prototype),{subInitialize:function(){\r
+this.hasPreviewImg=false;\r
+if(typeof (this.options.previewWrap)!="undefined"&&this.options.minWidth>0&&this.options.minHeight>0){\r
+this.previewWrap=$PR(this.options.previewWrap);\r
+this.previewImg=this.img.cloneNode(false);\r
+this.previewImg.id="imgCrop_"+this.previewImg.id;\r
+this.options.displayOnInit=true;\r
+this.hasPreviewImg=true;\r
+this.previewWrap.addClassName("imgCrop_previewWrap");\r
+this.previewWrap.setStyle({width:this.options.minWidth+"px",height:this.options.minHeight+"px"});\r
+this.previewWrap.appendChild(this.previewImg);\r
+}\r
+},subDrawArea:function(){\r
+if(this.hasPreviewImg){\r
+var _5d=this.calcW();\r
+var _5e=this.calcH();\r
+var _5f={x:this.imgW/_5d,y:this.imgH/_5e};\r
+var _60={x:_5d/this.options.minWidth,y:_5e/this.options.minHeight};\r
+var _61={w:Math.ceil(this.options.minWidth*_5f.x)+"px",h:Math.ceil(this.options.minHeight*_5f.y)+"px",x:"-"+Math.ceil(this.areaCoords.x1/_60.x)+"px",y:"-"+Math.ceil(this.areaCoords.y1/_60.y)+"px"};\r
+var _62=this.previewImg.style;\r
+_62.width=_61.w;\r
+_62.height=_61.h;\r
+_62.left=_61.x;\r
+_62.top=_61.y;\r
+}\r
+}});\r
\r
projects / friendica.git / blobdiff