/* Simple Pictures Tagging v1.0.1 */
/* (C)2008 Sergey Stupachenko */
/* www.taghim.com */
/* All right reserved. Distribution rights belong to AndrinaLina soft */

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=Class.create();
Cropper.prototype={initialize:function(_7,_8){
this.options=Object.extend({variable:null,ratioDim:{x:0,y:0},minWidth:0,minHeight:0,displayOnInit:false,onEndCrop:Prototype.emptyFunction,onStartCrop: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.backArDiv=Builder.node("div",{"class":_f+"clickArea"});
this.imgWrap.appendChild(this.img);
this.imgWrap.appendChild(this.dragArea);
this.dragArea.appendChild(this.selArea);
this.dragArea.appendChild(this.backArDiv);
_10.appendChild(this.imgWrap);
this.backArDiv.style.width=this.img.offsetWidth+"px";
this.backArDiv.style.height=this.img.offsetHeight+"px";
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);}
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){;}}
},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.options.onStartCrop( this.options.variable );
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.options.onStartCrop( this.options.variable );
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.options.onStartCrop( this.options.variable );
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()}, this.options.variable );
},subInitialize:function(){
},subDrawArea:function(){}};


/* START */

var tagging=Class.create();
tagging.prototype={X1:0,Y1:0,X2:0,Y2:0,show:0,initialize:function(_variable,_imgID,_imgNo,_option,_text){
this.variable=_variable;
this.imageID=_imgID;
this.image=$(this.imageID);
this.imageNo=_imgNo;
this.options=Object.extend({ajaxRequestURL:'',ajaxReturnID:'',style:'imgTag_',description:false,autoInit:false,ratioDim:{x:0,y:0},displayOnInit:false,minWidth:0,minHeight:0,maxWidth:0,maxHeight:0},_option||{});
this.textVariables = Object.extend({okButton:'OK',cancelButton:'Cancel',nameText:'Name',descriptionText:'Description'},_text||{});
this.image.parentNode.style.position='relative';
this.image.style.top='0px';
this.image.style.left='0px';
this.isWebKit=/Konqueror|Safari|KHTML/.test(navigator.userAgent);
this.isIE=/MSIE/.test(navigator.userAgent);
this.isOpera8=/Opera\s[1-8]/.test(navigator.userAgent);
this.cropp=null;
if(this.options.autoInit==true)this.init();
},init:function(){
this.remove();
if(this.cropp!=null)return;
this.cropp=new Cropper(this.imageID,{variable:this.variable,minWidth:this.options.minWidth,minHeight:this.options.minHeight,manWidth:this.options.manWidth,manHeight:this.options.manHeight,ratioDim:this.options.ratioDim,displayOnInit:this.options.displayOnInit,onEndCrop:this.endCrop,onStartCrop:this.startCrop});
this.dataDiv=Builder.node("div",{"class":this.options.style+"main","id":this.imageID+"_main"});
this.cropp.imgWrap.appendChild(this.dataDiv);
this.labelName = Builder.node("label",{"class":"name_label"});
this.dataDiv.appendChild(this.labelName);
this.labelName.innerHTML=this.textVariables.nameText;
this.tagName=Builder.node("input",{"type":"text","id":this.imageID+"_tagName","class":this.options.style+"tagName"});
this.dataDiv.appendChild(this.tagName);
if(this.options.description==true){
this.labelDescr=Builder.node("label",{"class":"description_label"});
this.dataDiv.appendChild(this.labelDescr);
this.labelDescr.innerHTML=this.textVariables.descriptionText;
this.tagDescript=Builder.node("textarea",{"class":this.options.style+"tagDescription","id":this.imageID+"_tagDescription"});
this.dataDiv.appendChild(this.tagDescript);}
this.okButton=Builder.node("input",{"type":"button","id":this.imageID+"_tagButOk","class":this.options.style+"butOK"});
this.dataDiv.appendChild(this.okButton);
this.okButton.value=this.textVariables.okButton;
if(this.options.description==true)eval('this.okButton.onclick=function(){'+this.variable+'.choiceComplete('+this.variable+'.tagName.value,'+this.variable+'.tagDescript.value);}');
else eval('this.okButton.onclick=function(){'+this.variable+'.choiceComplete('+this.variable+'.tagName.value,\'\');}');
this.cancelButton=Builder.node("input",{"type":"button","id":this.imageID+"_tagButCancel","class":this.options.style+"butCancel"});
this.dataDiv.appendChild(this.cancelButton);
this.cancelButton.value=this.textVariables.cancelButton;
eval('this.cancelButton.onclick=function(){'+this.variable+'.remove();}');
},choiceComplete:function(tagname,description){
if(tagname!=""){
new Ajax.Updater(this.options.ajaxReturnID,this.options.ajaxRequestURL,{parameters:"action=addNew&variable="+this.variable+"&imageId="+this.imageNo+"&x1="+this.X1+"&x2="+this.X2+"&y1="+this.Y1+"&y2="+this.Y2+"&tagname="+tagname+"&description="+description});
this.remove();}
},startCrop:function(variable){
eval(variable).dataDiv.style.display='none';
},endCrop:function(coords,dimensions,variable){
var width=0,height=0,left=0,top=0,minleft=0,maxright=0,mintop=0;
if(!variable)return;
eval(variable).X1=coords.x1;
eval(variable).Y1=coords.y1;
eval(variable).X2=coords.x2;
eval(variable).Y2=coords.y2;
eval(variable).dataDiv.style.display='block';
var ow=eval(variable).dataDiv.offsetWidth;
var oh=eval(variable).dataDiv.offsetHeight;
minleft=eval(variable).X1-ow;
maxright=parseInt(eval(variable).X2)+parseInt(ow);
mintop=eval(variable).Y1-oh;
width=$(eval(variable).imageID).offsetWidth;
height=$(eval(variable).imageID).offsetHeight;
if(minleft<0&&maxright>width){
left=eval(variable).X1;
top=eval(variable).Y2;
}else if(maxright>width){
left=minleft;
top=eval(variable).Y1;
}else{
left=eval(variable).X2;
top=eval(variable).Y1;}
eval(variable).dataDiv.style.top=top+'px';
eval(variable).dataDiv.style.left=left+'px';
},deltag:function(id){
this.hideTag();
new Ajax.Updater(this.options.ajaxReturnID,this.options.ajaxRequestURL,{parameters:"action=delete&tagId="+id+"&variable="+this.variable+"&imageId="+this.imageNo});
},showTag:function(c,description){
if( this.cropp != null || this.show == 1 )return;
this.show=1;
var width=0,height=0,top=0,left=0;
this.grayDiv=Builder.node("div",{"class":this.options.style+"grayDiv"});
this.image.parentNode.appendChild(this.grayDiv);
width=this.image.offsetWidth;
height=this.image.offsetHeight;
top=this.image.offsetTop;
left=this.image.offsetLeft;
this.grayDiv.style.width=width+"px";
this.grayDiv.style.height=height+"px";
this.grayDiv.style.top=top+"px";
this.grayDiv.style.left=left+"px";
this.showDiv = Builder.node("div",{"class":this.options.style+"showDiv"});
this.image.parentNode.appendChild(this.showDiv);
this.showDiv.style.background="transparent url("+this.image.src+") no-repeat scroll -"+c.X1+"px -"+c.Y1+"px";
this.showDiv.style.left=parseInt(c.X1)-parseInt(3)+"px";
this.showDiv.style.top=parseInt(c.Y1)-parseInt(3)+"px";
this.showDiv.style.width=parseInt(c.X2)-parseInt(c.X1)+"px";
this.showDiv.style.height=parseInt(c.Y2)-parseInt(c.Y1)+"px";
if(this.options.description==true){
this.descriptionDiv=Builder.node("div",{"class":this.options.style+"descriptionDiv"});
this.image.parentNode.appendChild(this.descriptionDiv);
this.descriptionDiv.innerHTML=description;
this.descriptionDiv.style.left=c.X1+"px";
this.descriptionDiv.style.top=parseInt(c.Y2)+parseInt(3)+"px";
if(description=="")this.descriptionDiv.style.display='none';}
},hideTag:function(){
if(this.cropp!=null||this.show==0)return;
this.grayDiv.parentNode.removeChild(this.grayDiv);
this.showDiv.parentNode.removeChild(this.showDiv);
if(this.options.description==true&&this.descriptionDiv)this.descriptionDiv.parentNode.removeChild(this.descriptionDiv);
this.show=0;
},remove:function(){
if( this.cropp!=null){
this.image.parentNode.appendChild(this.dataDiv);
this.cropp.remove();
this.cropp=null;
}}}

/* END */