");new Draggable(blockname+'resize',{onStart:function(resizer,e){Event.stopObserving('workspace','mouseover',clear_handles);var blockname=resizer.element.id.replace('resize','')
var imageid=$(blockname+'pic_img');resizer.slope=(imageid.height)/(imageid.width);dragging=true;},onDrag:function(resizer,e){var blockname=resizer.element.id.replace('resize','')
var imageid=$(blockname+'pic_img');if(e.shiftKey){resizer.options.snap=function(x,y,draggable){return[x,x*(resizer.slope)]};}
else{resizer.options.snap=false;};blocks[blockname].options.blocklines.each(function(linename){lines[linename].draw(true);});var pos=Position.positionedOffset(resizer.element);imageid.width=pos[0]+10;imageid.height=pos[1]+10;blocks[blockname].w=pos[0]+10;blocks[blockname].h=pos[1]+10;if(selected.length>0){unselect_blocks();select_block(true,blockname);}
$(blockname+'_left').style.top=blocks[blockname].h/2-5;$(blockname+'_right').style.top=(blocks[blockname].h/2-5);$(blockname+'_right').style.left=(blocks[blockname].w-5);$(blockname+'_top').style.left=(blocks[blockname].w/2-5);$(blockname+'_bot').style.top=(blocks[blockname].h-5);$(blockname+'_bot').style.left=(blocks[blockname].w/2-5);},onEnd:function(resizer){Event.observe('workspace','mouseover',clear_handles);resizer.options.snap=false;var blockdivname=resizer.element.id.replace('resize','');blocks[blockdivname].options.blocklines.each(function(linename){lines[linename].draw();});var pos=Position.positionedOffset(resizer.element);blocks[blockdivname].w=pos[0]+10;blocks[blockdivname].h=pos[1]+10;pars='method=resize&idnum='+blocks[blockdivname].idnum+'&width='+(pos[0]+10)+'&height='+(pos[1]+10);new Ajax.Request('/transform_block',{asynchronous:true,evalScripts:true,parameters:pars,onSuccess:function(request){blocks[blockdivname].change_picture(request.responseText.replace(new RegExp("\\n"),""));blocks[blockdivname].updateimage();blocks[blockdivname].save();},onFailure:connection_down});dragging=false;}});Element.hide(blockname+'resize');Event.observe(blockname+'pic_img','mouseover',function(e){try{blockelement=Event.element(e).id.replace("pic_img","");$(blockelement+'_left').style.top=blocks[blockelement].h/2-5;$(blockelement+'_left').style.left=-5;$(blockelement+'_right').style.top=(blocks[blockelement].h/2-5);$(blockelement+'_right').style.left=(blocks[blockelement].w-5);$(blockelement+'_top').style.top=-5;$(blockelement+'_top').style.left=(blocks[blockelement].w/2-5);$(blockelement+'_bot').style.top=(blocks[blockelement].h-5);$(blockelement+'_bot').style.left=(blocks[blockelement].w/2-5);$(blockelement+'resize').style.top=(blocks[blockelement].h-10);$(blockelement+'resize').style.left=(blocks[blockelement].w-10);locations=['_left','_right','_top','_bot'];Element.show(blockelement+'resize');locations.each(function(loc){Event.observe(blockelement+loc,'mousedown',function(){Event.stopObserving('workspace','mouseover',clear_handles)});Element.show(blockelement+loc);});Event.observe(blockelement+'resize','mousedown',function(){Event.stopObserving('workspace','mouseover',clear_handles)});Event.observe('workspace','mouseover',clear_handles);}
catch(e){1+1}});return blockname;}
function clear_handles(e){if(!dragging){Event.stopObserving('workspace','mouseover',clear_handles);blocks.each(function(block){locations=['_left','_right','_top','_bot'];locations.each(function(loc){Element.hide(block.name+loc);});Element.hide(block.name+'resize');});}}
function TextEditor(elementid){this.block=new Draggable(elementid);this.block.options.starteffect=false;this.block.options.endeffect=false;this.block.options.onEnd=function(text_div){blocks[text_div.element.id.replace("text","")].save();};this.name=elementid;$(elementid).style.fontSize=16;if($(elementid).innerHTML==''){Element.hide(elementid);}
Event.observe(this.name,'dblclick',show_textarea);}
function show_textarea(e){div=Event.element(e);fontsize=div.style.fontSize;div.innerHTML="";$(div.id+'_tarea').style.fontSize=fontsize;Event.observe(div.id+"_okbutton",'click',function(e){hide_textarea(div.id);});Event.stopObserving(div.id,'dblclick',show_textarea);dialog_contents('',true);$('text_formatter_size').value=parseInt(div.style.fontSize);Element.show('text_formatter');text_edit_block=blocks[div.id.replace('text','')];Event.observe('font_size_up','click',onfontsize_up);Event.observe('font_size_down','click',onfontsize_down);Event.observe('text_formatter_size','change',onfontsize_change);Event.observe('text_formatter_size','blur',onfontsize_change);}
function hide_textarea(div){text_edit_block=false;Element.hide('text_formatter');if($F(div+"_tarea")=='')Element.hide(div);$(div).innerHTML=$F(div+"_tarea");fontsize=parseInt($(div).style.fontSize);$(div).style.width=$(div).innerHTML.length*(fontsize/2);blocks[$(div).parentNode.id].save();Event.observe(div,'dblclick',show_textarea);Event.stopObserving('font_size_up','click',onfontsize_up);Event.stopObserving('font_size_down','click',onfontsize_down);Event.stopObserving('text_formatter_size','change',onfontsize_change);Event.stopObserving('text_formatter_size','blur',onfontsize_change);}
function block_text(){selected.each(function(block){if($(block.name+"text").innerHTML==""){Element.show(block.name+"text");$(block.name+"text").innerHTML="double click to edit";}});}
function delete_blocks(){dialog_contents('Deleting...',true);selected.each(function(block){block.delete_block();});if(selected_line){selected_line.delete_line();selected_line=false;}}
function rotate_blocks(){selected.each(function(block){block.rotate_block();});}
function select_block(e,divname){if(!divname){divname=Event.element(e).id.replace("pic_img","");if(!e.ctrlKey&&((selected.length<2)||selected.indexOf(blocks[divname])==-1)){unselect_blocks();}}
if(blocks[divname]){blocks[divname].canvas.setStroke(2);blocks[divname].canvas.setColor("#0000ff");blocks[divname].canvas.drawRect(-1,-1,$(divname+"pic_img").width,$(divname+"pic_img").height);blocks[divname].canvas.paint();if(selected.indexOf(blocks[divname])==-1)selected.push(blocks[divname]);lines.each(function(line){Element.hide(line.handle_id);});blocks[divname].options.blocklines.each(function(linename){lines[linename].draw(true);Element.show(lines[linename].handle_id);});}}
function unselect_blocks(keep_handles){if(selected.length>0){blocks.each(function(block){block.canvas.clear();if(!keep_handles){block.options.blocklines.each(function(linename){Element.hide(lines[linename].handle_id);});}});}
selected=[];if(selected_line&&!keep_handles){$(selected_line.name+'_handle').style.backgroundColor="#009900";selected_line.unselect();selected_line=false;}}
function onfontsize_up(e){current_value=parseInt($('text_formatter_size').value);if(current_value>=8&¤t_value<50)current_value=current_value+1;change_fontsize(current_value);}
function onfontsize_down(e){current_value=parseInt($('text_formatter_size').value);if(current_value>8&¤t_value<51)current_value=current_value-1;change_fontsize(current_value);}
function onfontsize_change(e){current_value=parseInt($('text_formatter_size').value);if(!(current_value>=8&¤t_value<51)){$('text_formatter_size').value=16;current_value=16;}
change_fontsize(current_value);}
function change_fontsize(new_value){if(text_edit_block){$('text_formatter_size').value=current_value;$(text_edit_block.name+'text').style.fontSize=current_value;$(text_edit_block.name+'text_tarea').style.fontSize=current_value;}}