Mercurial > laserkard

view onlypaths/js/application.js @ 63:3d3b8671de71 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r64] Changed 1. About page text to agreed on 4/1/10 2. top_menu link "The Story" --> "About"
author hong
date Thu, 01 Apr 2010 20:06:28 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     1 



     2 /*



     3  * 



     4  */ 



     5 



     6 Ext.BLANK_IMAGE_URL = 'theme/images/default/s.gif';



     7 



     8 if(typeof console != 'object') {



     9   console = {};



    10   console.log = function(){return false;};



    11 }     



    12 



    13 



    14   function $(e){return Ext.get(e).dom}



    15   var c, browser, browserpath; 



    16   var colorpage="#ccccdd"; 



    17   var colorpage1a="#ee00aa"; //north  



    18   var colorpage1b="#ee00cc"; 



    19   var colorpage1c="#ee00ee"; 



    20   var colorpage2="#77aaaa";  //sud



    21   var colorpage3="#ddee00";  //est



    22   var colorpage4="#ccee00";  //west           



    23   



    24   var selectmode='';



    25   var selectedit='';



    26   



    27   



    28   ie = navigator.appVersion.match(/MSIE (\d\.\d)/);



    29   opera = (navigator.userAgent.toLowerCase().indexOf("opera") != -1);



    30   



    31   



    32   



    33   window.onresize = doResize; 



    34   var initialFile='onerobot.txt';



    35   var docx=0;



    36   var docy=0;



    37   var docw=600;



    38   var doch=400;



    39   var canvasWidth=600;//FRONTsize[0];  



    40   var canvasW=canvasWidth;  



    41   var canvasHeight=400;//FRONTsize[1];  



    42   var canvasH=canvasHeight;



    43   var canvasX=0; 



    44   var canvasY=0; 



    45   var zoomx=docx;



    46   var zoomy=docy;



    47   var zoomw=docw;



    48   var zoomh=doch;   



    49   var marginx=0;



    50   var marginy=0;      



    51   var margin=100;   



    52   var screenSize=myWorkSize();



    53   var scrW = screenSize[0];//screen.availWidth;



    54   var scrH = screenSize[1];//screen.availHeight; 



    55   



    56   var canvasYpercent=100;



    57   var canvasXpercent=100;



    58   



    59  



    60 //?



    61   var wndW=scrW;//window.width;



    62   var wndH=scrH;//window.height;



    63 //  



    64   var proporWindow= scrW/scrH;



    65   var proporCanvas=canvasW/canvasH;  



    66   var proporDoc=docw/doch; 



    67   var proporZoom= zoomw/zoomh; 



    68   var proporx=proporCanvas; //IE  



    69   var propory=1;      //IE  



    70   var viewMode='canvas';//'canvas' or 'preview'



    71 



    72   var zoominit=docx+' '+docy+' '+docw+' '+doch; 



    73   var zoominit1 =zoominit;  



    74   var zoominit2 =zoominit;



    75 



    76   var fieldViewx=Math.round(canvasH*proporCanvas); 



    77   var fieldViewy=canvasH;  



    78   var diagonalFrame=dist2p(0,0,fieldViewx,fieldViewy);



    79   var diagonalAngle=getAngle(fieldViewx,fieldViewy);                                  



    80   var diagonalinit=diagonalFrame;  



    81   //alert(diagonalinit);



    82   



    83   // double?



    84   var diagonalMidx=fieldViewx/2; 



    85   var diagonalMidy=fieldViewy/2;   



    86   var centerZoomx=diagonalMidx;//Math.round(zoomw/2);



    87   var centerZoomy=diagonalMidy;//Math.round(zoomh/2);        



    88   //



    89   



    90   



    91   var proporDiagonal=diagonalFrame/diagonalinit; 



    92   //////////////////////////



    93   



    94   var wProportion={x:35, y:24}



    95   



    96   var vertexNORTHmenu={};



    97   var vertexNORTHglobals={};



    98   var vertexNORTHoptions={};    



    99   var vertexSUD={};



   100   var vertexEST={};



   101   var vertexWEST={};



   102   var vertexFRONT={};



   103  



   104   var NORTHmenusize=[];



   105   var NORTHglobalssize=[];



   106   var NORTHoptionssize=[];  



   107   var SUDsize=[]; 



   108   var ESTsize=[]; 



   109   var WESTsize=[]; 



   110   var FRONTsize=[]; 



   111   



   112   



   113   vertexFrames();



   114  



   115 



   116   var FRONT='';



   117   //FRONT+='  <div id="richdraw"  style="background-image:url();background-color:#ff0000;position:relative; border:0px outset black;left:'+canvasX+'px;top:'+canvasY+'px;width:'+canvasW+'px;height:'+canvasH+'px; "></div>';



   118   



   119   var NORTHmenu='';



   120   NORTHmenu+='&nbsp;&nbsp;<span id="file">File</span>&nbsp;&nbsp;<span id="edit">Edit</span>&nbsp;&nbsp;<span id="view">View</span>';   



   121  



   122   var NORTHglobals='';



   123   NORTHglobals+='<span id="options_select" style="visibility:visible;position:relative;top:0px;left:'+canvasX+'px; padding:1px; margin-top:1px; background-color:transparent;">';



   124   NORTHglobals+=' <img id="select_deleteone" title="Delete one" onclick="selectedit='+"'"+'deleteone'+"'"+';info_select()" src="img/delete.gif" >';    



   125   NORTHglobals+=' <img id="select_deleteall" title="Delete all" onclick="selectedit='+"'"+'deleteall'+"'"+';info_select()" src="img/reset.gif" >'    



   126   NORTHglobals+=' <img id="select_tothetop" title="To the top" onclick="selectedit='+"'"+'tothetop'+"'"+';info_select()" src="img/tothetop.gif" >';    



   127   NORTHglobals+=' <img id="select_totheback" title="To the back" onclick="selectedit='+"'"+'totheback'+"'"+';info_select()" src="img/totheback.gif" >';    



   128   NORTHglobals+=' <img id="select_onetop" title="One top" onclick="selectedit='+"'"+'onetop'+"'"+';info_select()" src="img/onetop.gif" >';    



   129   NORTHglobals+=' <img id="select_oneback" title="One back" onclick="selectedit='+"'"+'oneback'+"'"+';info_select()" src="img/oneback.gif" >';    



   130   NORTHglobals+=' <img id="select_reflectV" title="Vertical reflect" onclick="selectedit='+"'"+'reflectV'+"'"+';info_select()" src="img/reflect_h.gif" >',    



   131   NORTHglobals+=' <img id="select_reflectH" title="Horizontal reflect" onclick="selectedit='+"'"+'reflectH'+"'"+';info_select()" src="img/reflect_v.gif" >';    



   132   NORTHglobals+='</span>';



   133 



   134   var NORTHoptions='';  



   135     // <!-- OPTIONS_SELECT_PATH --> 



   136   NORTHoptions+='<div id="options_select_path" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:5px;height:14px;width:100%; padding:1px; margin-top:1px; background-color:transparent;">';



   137   NORTHoptions+='<input type="text" name="codebase" id="codebase" style="height:15px;width:600px; padding:1px 1px 1px 4px; margin:0px; background-color:#ffffff;" value=""><img id="envshape" style="background-color:orange;" align="top"  title="Submit Shape" onclick="setShape();" border="0px" src="img/setpath1.gif">';



   138   NORTHoptions+='</div>'; 



   139   // <!-- OPTIONS_RECT --> 



   140   NORTHoptions+='<div id="options_rect" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:5px;height:14px;width:100%; padding:1px; margin-top:1px; background-color:transparent;">';



   141   NORTHoptions+='   trX<input id="option_rect_trx" type="text" size="1"  style="background-color:#ffffdd" value="0" onKeyPress="return edit(this,event)">'; 



   142   NORTHoptions+='   trY<input id="option_rect_try" type="text" size="1"  style="background-color:#ffffdd" value="0"onKeyPress="return edit(this,event)">'; 



   143   NORTHoptions+='   wx<input id="option_rect_sclx" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">'; 



   144   NORTHoptions+='   wy<input id="option_rect_scly" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">';   



   145   NORTHoptions+='   rot<input id="option_rect_rot" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return edit(this,event)">'; 



   146   NORTHoptions+='</div>';



   147   // <!-- OPTIONS_IMAGE -->



   148   NORTHoptions+='<div id="options_image" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:5px;height:14px;width:100%; padding:1px; margin-top:1px; background-color:transparent;">';



   149   NORTHoptions+=' trX<input id="option_img_trx" type="text" size="1"  style="background-color:#ffffdd" value="0" onKeyPress="return edit(this,event)">'; 



   150   NORTHoptions+=' trY<input id="option_img_try" type="text" size="1"  style="background-color:#ffffdd" value="0"onKeyPress="return edit(this,event)">'; 



   151   NORTHoptions+=' wx<input id="option_img_sclx" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">'; 



   152   NORTHoptions+=' wy<input id="option_img_scly" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">';   



   153   NORTHoptions+=' rot<input id="option_img_rot" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return edit(this,event)">'; 



   154   NORTHoptions+=' Source: <input name="option_image_href" type="text" size="62" id="option_image_href"  value="http://tavmjong.free.fr/INKSCAPE/MANUAL/images/QUICKSTART/SOUPCAN/SoupCan_SoupedUp.png" onmouseover="" onKeyPress="return edit(this,event)">';



   155   NORTHoptions+='</div>';  



   156   //<!-- OPTIONS_PATH -->



   157   NORTHoptions+='<div id="options_path" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:5px;height:14px;width:100%; padding:1px; margin-top:1px; background-color:transparent;">';



   158   NORTHoptions+=' trX<input id="option_path_trx" type="text" size="1"  style="background-color:#ffffdd" value="0" onKeyPress="return edit(this,event)">'; 



   159   NORTHoptions+=' trY<input id="option_path_try" type="text" size="1"  style="background-color:#ffffdd" value="0"onKeyPress="return edit(this,event)">'; 



   160   NORTHoptions+=' <input id="option_path_sclx" type="hidden" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">'; 



   161   NORTHoptions+=' <input id="option_path_scly" type="hidden" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">';   



   162   NORTHoptions+=' rot<input id="option_path_rot" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return edit(this,event)">'; 



   163   NORTHoptions+=' Open/Close: <input CHECKED name="option_path_close"  id="option_path_close" type="checkbox">';



   164   NORTHoptions+=' <input type="text" name="control_codebase" id="control_codebase" style="height:15px;width:300px; padding:1px 1px 1px 4px; margin:0px; background-color:#ffffff;" onmouseover="" value="" onKeyPress="return edit(this,event)">';



   165   NORTHoptions+=' <img style="cursor:pointer" align="top" title="to curve" onclick="c.renderer.tocurve();" src="img/tocurve.gif">';



   166   NORTHoptions+=' <input id="option_path_num" type="hidden" size="1" style="background-color:#ffdddd"  value="0">';



   167   NORTHoptions+=' Px<input id="option_path_x" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return editPath(this,event)">';



   168   NORTHoptions+=' Py<input id="option_path_y" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return editPath(this,event)">';   



   169   NORTHoptions+='</div>';



   170   //<!--OPTIONS ELLIPSE-->    



   171   NORTHoptions+='<div id="options_ellipse" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:5px;height:14px;width:100%; padding:1px; margin-top:1px; background-color:transparent;">';



   172   NORTHoptions+=' trX<input id="option_ellipse_trx" type="text" size="1"  style="background-color:#ffffdd" value="0" onKeyPress="return edit(this,event)">'; 



   173   NORTHoptions+=' trY<input id="option_ellipse_try" type="text" size="1"  style="background-color:#ffffdd" value="0"onKeyPress="return edit(this,event)">'; 



   174   NORTHoptions+=' wx<input id="option_ellipse_sclx" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">'; 



   175   NORTHoptions+=' wy<input id="option_ellipse_scly" type="text" size="1" style="background-color:#ddffdd" value="1" onKeyPress="return edit(this,event)">';   



   176   NORTHoptions+=' rot<input id="option_ellipse_rot" type="text" size="1" style="background-color:#ffdddd"  value="0" onKeyPress="return edit(this,event)">'; 



   177   NORTHoptions+='</div>';



   178   //<!-- OPTIONS_ZOOM -->



   179   NORTHoptions+='<div id="options_zoom" style="font-size:9px;visibility:hidden;position:relative;top:0px;left:'+canvasX+'px; padding:0px; margin-top:0px; background-color:transparent;">';



   180   NORTHoptions+=' <img id="zoom_more" title="More zoom" onclick="zoommode='+"'"+'more'+"'"+';info_zoom()" src="img/zoom_more.gif" >';    



   181   NORTHoptions+=' <img id="zoom_minus" title="Minus zoom" onclick="zoommode='+"'"+'minus'+"'"+';info_zoom()" src="img/zoom_minus.gif" >';    



   182   NORTHoptions+=' <img id="zoom_frame" title="Frame zoom" onclick="zoommode='+"'"+'frame'+"'"+';info_zoom()" src="img/zoom_frame.gif" >';    



   183   NORTHoptions+=' <img id="zoom_window" title="Window zoom" onclick="zoommode='+"'"+'window'+"'"+';info_zoom()" src="img/zoom_window.gif" >';    



   184   NORTHoptions+=' <img id="zoom_hand" title="Hand zoom" onclick="zoommode='+"'"+'hand'+"'"+';info_zoom()" src="img/zoom_hand.gif" >';    



   185   NORTHoptions+='</div>';



   186   //<!-- OPTIONS TEXT-->



   187   NORTHoptions+='<div id="options_text" style="font-size:9px;visibility:hidden;position:absolute;top:0px;left:90px;width:100%; padding:1px; margin-top:1px;z-index:200; background-color:transparent;">';



   188   NORTHoptions+=' <input name="option_text_message"  type="text"   size="22" id="option_text_message"  value="My text" onKeyPress="return edit(this,event)" style="visibility:inherit!important" />'; 



   189   NORTHoptions+=' Size:<input type="text" size="3" id="option_text_size"  name="option_text_size" value="30" onKeyPress="return edit(this,event)" style="">'; 



   190   NORTHoptions+=' Family:<select id="select_option_text_family" name="select_option_text_family" onchange="setTextFamily(this);" style="font-size:9px;">';



   191   NORTHoptions+='     <option style="font-family:Arial;" value="Arial">Arial</option>';



   192   NORTHoptions+='    <option  style="font-family:Verdana;"  value="Verdana">Verdana</option>';



   193   NORTHoptions+='    <option  style="font-family:Times;" value="Times">Times</option>'; 



   194   NORTHoptions+='    <option  style="font-family:Times;" value="Tahoma">Tahoma</option>';



   195   NORTHoptions+='    <option  style="font-family:Times;" value="Impact">Impact</option>';



   196   NORTHoptions+='  </select>';



   197   NORTHoptions+='  <input type="hidden" name="option_text_family" id="option_text_family" value="Arial" >';



   198   NORTHoptions+='</div>';  



   199   



   200   



   201   var EST='';



   202    EST+='<img id="select" title="Select shapes" onclick="c.pathsEdit=false; setMode('+"'"+'select'+"'"+', '+"'"+'Selection'+"'"+');" src="img/select3.gif" >';



   203    EST+='<img id="pathsEdit" title="Edit path" onclick="c.pathsEdit=true; setMode('+"'"+'pathsEdit'+"'"+', '+"'"+'Path Edit'+"'"+');" src="img/editpath.gif" >';



   204    EST+='<img id="zoom" title="Select zoom" onclick="setMode('+"'"+'zoom'+"'"+', '+"'"+'Zoom'+"'"+');" src="img/zoom.gif" >';



   205    EST+='<img id="rect" title="Draw a rectangle" onclick="setMode('+"'"+'rect'+"'"+', '+"'"+'Rectangle'+"'"+');" src="img/rectangle.gif" >';



   206    EST+='<img id="roundrect" title="Draw a rounded rectangle" onclick="setMode('+"'"+'roundrect'+"'"+', '+"'"+'Rounded Rectangle'+"'"+');" src="img/roundrect.gif" >';



   207    EST+='<img id="ellipse" title="Draw an ellipse" onclick="setMode('+"'"+'ellipse'+"'"+', '+"'"+'Ellipse / Circle'+"'"+');" src="img/circle.gif" >';



   208    EST+='<img id="line" title="Draw a line" onclick="setMode('+"'"+'line'+"'"+', '+"'"+'Line'+"'"+');" src="img/line.gif" >';  



   209    EST+='<img id="path" title="Draw a path" onclick="setMode('+"'"+'path'+"'"+', '+"'"+'Path'+"'"+');" src="img/path2.gif">';



   210    EST+='<img id="controlpath" title="Draw a path" onclick="setMode('+"'"+'controlpath'+"'"+', '+"'"+'controlPath'+"'"+');" src="img/path3.gif">';



   211    EST+='<img id="text" title="Write a text" onclick="setMode('+"'"+'text'+"'"+', '+"'"+'Text'+"'"+');" src="img/text.gif">';   



   212    EST+='<img id="shape" title="Open a shape" onclick="setMode('+"'"+'shape'+"'"+', '+"'"+'Shape'+"'"+');" src="img/shape.gif">';



   213    EST+='<img id="image" title="Put a image" onclick="setMode('+"'"+'image'+"'"+', '+"'"+'Image'+"'"+');" src="img/image.gif" >';    



   214 



   215    var WEST='';   



   216    WEST+='<div id="xyinput"  style="width:40px;background-color:transparent">0,0</div>';



   217    WEST+='<div id="zoomOverInput"  style="width:40px;background-color:transparent">0,0</div>';



   218 



   219    WEST+='<div style="font-size:9px">Grid:</div>';



   220    WEST+='<select id="gridwidth" style="font-size:9px">';



   221        var chain='';



   222        for(var num=1;num<=30;num++)



   223        {



   224          chain+='<option value="'+num+'">'+num+'px</option>';



   225        }   



   226    WEST+=chain;    



   227    WEST+='</select>';



   228    WEST+='<br>'; 



   229  



   230    WEST+=' <div name="me-container">';



   231    WEST+=' <div id="fill-me">'; 



   232    WEST+=' <img style=" padding:0px; border:0px solid orange;" id="img_okfill" onclick="setbe(1,'+"'"+'img_okfill'+"'"+')" src="img/theme/images/ok.gif">Fill<div id="fill-square"></div>';



   233    WEST+=' <div id="slider-fill"></div>'; 



   234    WEST+=' <div id="fillContainer"></div>';  



   235    WEST+=' <div id="opacity-slider-fill" title="Fill opacity"></div>';  



   236    WEST+=' </div>'; 



   237    WEST+=' <div id="stroke-me">'; 



   238    WEST+='  <img style=" padding:0px; border:0px solid orange;" id="img_okstroke" onclick="setbe(2,'+"'"+'img_okstroke'+"'"+')" src="img/theme/images/ok.gif">Line<div id="stroke-square"></div>';



   239    WEST+=' <div id="slider-stroke"></div>';



   240    WEST+=' <div id="strokeContainer"></div>'; 



   241    WEST+='  <div id="width-slider-stroke-mask"></div><div id="width-slider-stroke" title="Stroke width"></div>'; 



   242    WEST+='  <div id="opacity-slider-stroke" title="Stroke opacity"></div>'; 



   243    WEST+='  </div>'; 



   244    WEST+='  <div id="divformfill">'; 



   245    WEST+='  </div>';



   246    WEST+='  <div id="divformstroke">'; 



   247    WEST+='  </div>';



   248  



   249    WEST+='</div>';



   250    WEST+=' <div id="panel_shapes" style="overflow:auto;font-size:9px;visibility:hidden;position:absolute;top:270px;left:0px;height:100px;width:200px; padding:1px; margin-top:1px; background-color:transparent;">';



   251    WEST+='    <iframe id="linksPaths" style="visibility:hidden;overflow:auto;padding:0px;border-style:outset;border-width:0px;margin:0px;width:200px;height:122px;background-color:wheat;" src="svgpaths.htm"></iframe>';



   252    WEST+=' </div> ';



   253 



   254    var SUD="";



   255    //SUD+='<img id="showcode" title="Show the code" alt="" onclick="showMarkupCode();" src="img/viewcode.gif" style="border-color:#dd7700" >';



   256    //SUD+='<img id="showmarkup" title="Show the raw markup" alt="" onclick="shm();" src="img/viewcode.gif" >';



   257    //SUD+='<img id="loadmarkup" title="Load the raw markup" alt="" onclick="lcm();" src="img/loadcode.gif" >';



   258    //SUD+='<br>&nbsp;';



   259    SUD+='<br>&nbsp;';



   260    SUD+='<input type="text"  id="someinfo" value="No Data" name="someinfo" style="width:80%;">';



   261   // SUD+='<textarea name="code" id="code"  style="width:420px;height:200px;padding:0px"></textarea>';



   262   // SUD+='<div>';



   263   // SUD+='</div>';



   264 



   265  var currentEditStatus='off'; 



   266  var currentFileStatus='off';   



   267  var currentViewStatus='off';



   268   var infoFrame, docFrame;



   269 Ext.onReady(function() {  



   270 



   271 



   272   //var map = new Ext.KeyMap(document, {  



   273   // key: [Ext.EventObject.LEFT, Ext.EventObject.RIGHT],  



   274   // ctrl: true,  



   275   // fn: keypresshandler  



   276   //});  



   277   //Ext.get("FRONT").dom.innerHTML=(FRONT);



   278   Ext.get("NORTHmenu").dom.innerHTML=(NORTHmenu); 



   279   Ext.get("NORTHglobals").dom.innerHTML=(NORTHglobals);  



   280   Ext.get("NORTHoptions").dom.innerHTML=(NORTHoptions);



   281   Ext.get("EST").dom.innerHTML=(EST);



   282   Ext.get("WEST").dom.innerHTML=(WEST);    



   283   Ext.get("SUD").dom.innerHTML=(SUD); 



   284   



   285   resizeFrame();



   286   var map= new Ext.KeyMap(document, [



   287     {



   288         key: [46],//DELETE



   289         fn: function(){ c.deleteSelection(); }



   290     }, {



   291         key: "x",



   292         ctrl:true,



   293         fn: function(){ 	



   294         	c.clipboard=c.renderer.copy(c.selected);



   295 	     	c.deleteSelection();  



   296 	      }    



   297     }, {



   298         key: "c",



   299         ctrl:true,



   300         fn: function(){ 	



   301 			 c.clipboard=c.renderer.copy(c.selected);



   302 	      }	      



   303     }, {



   304         key: "d",



   305         ctrl:true,



   306         fn: function(){ 	



   307 			 c.selected=c.renderer.duplicate(c.selected);



   308 			 c.selected.id = 'shape:' + createUUID();



   309     			Ext.get(c.selected).on( "mousedown", c.onHit,c);  



   310 	      }	      



   311     }, {



   312         key: "v",



   313         ctrl:true,



   314         fn: function(){ 	



   315 			 c.selected=c.renderer.paste(c.clipboard,c.mouseDownX,c.mouseDownY);



   316 			 c.selected.id = 'shape:' + createUUID();



   317  			Ext.get(c.selected).on( "mousedown", c.onHit,c);  



   318 	      }	      



   319     }, {



   320         key: "z", //UNDO



   321         ctrl:true,



   322         shift:false,



   323         fn: function(){ c.clipboard=c.renderer.undo(); }



   324     }



   325 ]);                                  



   326 



   327   /*



   328   Ext.get("richdraw").dom.style.width=(canvasWidth);



   329   Ext.get("richdraw").dom.style.height=(canvasHeight);



   330   Ext.get("richdraw").dom.style.left=(canvasX);



   331   Ext.get("richdraw").dom.style.top=(canvasY);



   332  */ 



   333   



   334   



   335   



   336  menuEdit = new Ext.menu.Menu({



   337   id: 'menuedit',



   338   items: [



   339    {icon: "img/viewcode.gif", text: 'Copy all     ', handler: shm},



   340    {icon: "img/viewcode.gif", text: 'Paste all    ', handler: lcm},



   341    {icon: "img/viewcode.gif", text: 'Delete all   ', handler: deleteAllShapes},



   342    {icon: "img/viewcode.gif", text: 'Duplicate&nbsp;&nbsp;<b>Ctrl+d</b>', handler: duplicateSelected},



   343    {icon: "img/viewcode.gif", text: 'Cut&nbsp;&nbsp;&nbsp;&nbsp;<b>Ctrl+x</b>', handler: cutSelected},



   344    {icon: "img/viewcode.gif", text: 'Copy&nbsp;&nbsp;&nbsp;&nbsp;<b>Ctrl+c</b>', handler: copySelected},



   345    {icon: "img/viewcode.gif", text: 'Paste&nbsp;&nbsp;<b>Ctrl+v</b>', handler: pasteSelected},



   346    {icon: "img/viewcode.gif", text: 'Delete&nbsp;&nbsp;&nbsp;<b>Supr</b>', handler: deleteShape},



   347    {icon: "img/viewcode.gif", text: 'Delete last&nbsp;<b>Ctrl+z</b>', handler: deleteLastShapes},



   348 



   349   ] 



   350  });   



   351  



   352  menuFile = new Ext.menu.Menu({



   353   id: 'menufile',  



   354    



   355   items: [



   356    new Ext.menu.Item({ icon: "img/viewcode.gif", text: 'New    ', handler: newFile   }),



   357    new Ext.menu.Item({ icon: "img/viewcode.gif", text: 'Open    ', handler: openFile   }),



   358    new Ext.menu.Item({ icon: "img/viewcode.gif", text: 'View SVG code    ', handler: showMarkupCode   }),



   359    new Ext.menu.Item({icon: "img/viewcode.gif", text: 'View OPF code    ', handler: showMarkup   }), 



   360    new Ext.menu.Item({icon: "img/viewcode.gif", text: 'Document properties    ', handler: documentProperties   })



   361   ] 



   362  });      



   363  menuView = new Ext.menu.Menu({



   364   id: 'menuview',  



   365    



   366   items: [



   367    {icon: "img/viewcode.gif", text: 'Preview     ', handler: preView},



   368    {icon: "img/viewcode.gif", text: 'Canvas    ', handler: canvasView}



   369   ] 



   370  });



   371 /*



   372   items: [ 



   373    {icon: "img/viewcode.gif", text: 'View SVG code    ', handler: showMarkupCode },



   374    {icon: "img/viewcode.gif", text: 'View OPF code    ', handler: showMarkup }, 



   375    {icon: "img/viewcode.gif", text: 'Document properties    ', handler: documentProperties },



   376 



   377   ] 



   378 */ 



   379 // define the handler for mouseover/out of either button or menu itself



   380  var editHandler = function(e) 



   381  {



   382   if(currentEditStatus=='on')



   383    {



   384     var edit = menuEdit.getEl();



   385     var buttonEdit = Ext.get('edit');



   386     if(!edit.getRegion().contains(e.getPoint()) && !buttonEdit.getRegion().contains(e.getPoint()))



   387      {



   388       menuEdit.hide();



   389       currentEditStatus='off';



   390      }



   391    }



   392     else



   393    {



   394     menuEdit.show('edit');



   395     currentEditStatus='on';



   396    }



   397  }



   398 



   399  var fileHandler = function(e) 



   400  {



   401   if(currentFileStatus=='on')



   402    {



   403     var file = menuFile.getEl();



   404     var buttonFile = Ext.get('file');



   405     if(!file.getRegion().contains(e.getPoint()) && !buttonFile.getRegion().contains(e.getPoint()))



   406      {



   407       menuFile.hide();



   408       currentFileStatus='off';



   409      }



   410    }



   411     else



   412    {



   413     menuFile.show('file');



   414     currentFileStatus='on';



   415    }



   416  }   



   417  



   418  



   419  var viewHandler = function(e) 



   420   {



   421    if(currentViewStatus=='on')



   422     {



   423      var view = menuView.getEl();



   424      var buttonView = Ext.get('view');



   425      if(!view.getRegion().contains(e.getPoint()) && !buttonView.getRegion().contains(e.getPoint()))



   426       {



   427        menuView.hide();



   428        currentViewStatus='off';



   429       }



   430     }



   431      else



   432     {



   433      menuView.show('view');



   434      currentViewStatus='on';



   435     }



   436   }  



   437   



   438  // define the events to observe 



   439  Ext.get('edit').on('mouseover',editHandler);



   440  Ext.get('edit').on('mouseout',editHandler);



   441  menuEdit.getEl().on('mouseout',editHandler); 



   442  



   443  Ext.get('file').on('mouseover',fileHandler);



   444  Ext.get('file').on('mouseout',fileHandler);



   445  menuFile.getEl().on('mouseout',fileHandler);



   446 



   447  Ext.get('view').on('mouseover',viewHandler);



   448  Ext.get('view').on('mouseout',viewHandler);



   449  menuView.getEl().on('mouseout',viewHandler);



   450 



   451  



   452 



   453 }); 



   454 



   455 //  end ONREADY 



   456 



   457 function borderDoc(){  



   458  //c.rectCanvas(docx,docy,docw,doch,viewBox)



   459      if(viewMode=='canvas')



   460          {  



   461          var obj=document.getElementById("rectDoc"); 



   462          if(obj){c.renderer.remove(obj) }



   463          c.renderer.rectDoc(zoominit); 



   464          //c.renderer.rectDoc(zoominit1); 



   465          //pst.id = "rectCanvas";



   466                //c.selected=obj;



   467                 // c.renderer.remove(obj) 



   468          //var clip=c.renderer.copy(obj);



   469         



   470          



   471          



   472          //var pst=c.container.appendChild( clip );



   473          //c.renderer.paste(clip,0,0); 



   474          //pst.id = "rectCanvas";



   475          



   476          



   477          //pasteSelected();



   478 



   479           //c.renderer.duplicate(document.getElementById("rectCanvas"))



   480           //c.renderer.remove(document.getElementById("rectCanvas"));



   481          }  



   482       if(viewMode=='preview')



   483          {  



   484          var obj=document.getElementById("rectDoc"); 



   485          if(obj){c.renderer.remove(obj) } 



   486          }   



   487 }



   488  function demo() {   



   489     _dom=document.all?3:(document.getElementById?1:(document.layers?2:0));



   490       ie = navigator.appVersion.match(/MSIE (\d\.\d)/);



   491       opera = (navigator.userAgent.toLowerCase().indexOf("opera") != -1);



   492 



   493     var renderer;



   494 



   495     if ((!ie) || (opera)) {



   496       renderer = new SVGRenderer();



   497       browser='svg';



   498       browserpath="linkspath.htm";



   499     }



   500     else {



   501       renderer = new VMLRenderer(); 



   502       browser='vml';



   503       browserpath="vmlpaths.htm";



   504     }



   505 



   506     c = new RichDrawEditor(document.getElementById('richdraw'), renderer); 



   507    



   508     c.onInputXY = function(x,y){$('xyinput').innerHTML = parseInt(x)+','+parseInt(y)}//[x,y].join("<br>")}



   509     c.onViewInputXY = function(x,y){$('zoomOverInput').innerHTML = parseInt(x)+','+parseInt(y)}//[x,y].join("<br>")}



   510   



   511     c.onselect = onSelect;



   512     c.onunselect = onUnselect;  



   513    



   514      



   515 



   516     // c.onkeydown = keypresshandler;     



   517    //c.onkeypress = c.onKeyPress;



   518     //document.onkeypress = c.onKeyPress;



   519        



   520     



   521     



   522     c.editCommand('fillcolor', 'red');



   523     c.editCommand('linecolor', 'black');



   524     c.editCommand('linewidth', '1px');   



   525     



   526   



   527     //setMode('path', 'Path');



   528     setMode('select', 'Selection');



   529 



   530    document.body.style.backgroundColor = colorpage;     



   531  



   532 



   533   //alert(vertexSUD.SUD1[0]+' '+vertexSUD.SUD1[1]+ '--'+wndW+' '+wndH);



   534 



   535   setTimeout(loadDemo,500)    



   536   //Ext.get("richdraw").on('keydown', function(e){alert('dfsd'); }, false);



   537    //Ext.get("richdraw").on('keydown', function(e){alert(e.keyCode); });



   538     //document.onkeydown = keypresshandler;



   539 //richdraw.svgRoot.setAttributeNS(null,'viewBox', '0 0 700 500');



   540 



   541   //setTimeout(borderDoc,500)  



   542 



   543   }   //END demo



   544 



   545 



   546 /////////////////



   547 



   548 



   549 //////////////////



   550 var Docs = function(){



   551  return {



   552    init : function(){



   553     var loading = Ext.get('loading');



   554     var mask = Ext.get('loading-mask');



   555     mask.setOpacity(.7);



   556     mask.shift({



   557      xy:loading.getXY(),



   558      width:loading.getWidth(),



   559      height:loading.getHeight(),



   560      remove:true,



   561      duration:2,



   562      opacity:.8,



   563      easing:'bounceOut',



   564      callback : function(){



   565       loading.fadeOut({duration:.2,remove:true});



   566      }



   567     });



   568    }



   569   };



   570 }();



   571 



   572 



   573 Ext.onReady(Docs.init, Docs, true);



   574 



   575 //var win;



   576 



   577 function showinfoFrame(wtitle) {   



   578        var win = new Ext.Window({   



   579         closeAction: 'hide',



   580         renderTo: 'showInfo',



   581         autoScroll:true,



   582         modal:true,



   583 	width: '440',



   584 	height:'300', 



   585 	x: '120',



   586 	y: '40',



   587 	title: wtitle, 



   588 	draggable :true,



   589 	html: '', 



   590 	hidden: true,



   591 	contentEl: 'divCode',



   592 	collapsed: true 



   593 	



   594  });  



   595  win.show();



   596 } 



   597 function showdocFrame(wtitle) {   



   598        var win = new Ext.Window({ 



   599         closeAction: 'hide', 



   600         renderTo: 'showInfo',



   601        	width: '340',



   602 	height:'300', 



   603 	x: '120',



   604 	y: '40',



   605 	title: wtitle, 



   606 	draggable :true,



   607 	html: '', 



   608 	hidden: true,



   609 	contentEl: 'docProperties',



   610 	collapsed: true 



   611 	



   612  });  



   613  win.show();



   614 }    



   615 function showopenFile(wtitle) {   



   616       var  win = new Ext.Window({  



   617         autoScroll:true,



   618         closeAction: 'hide', 



   619         renderTo: 'showInfo',



   620        	width: '440',



   621 	height:'300', 



   622 	x: '120',



   623 	y: '40',



   624 	title: wtitle, 



   625 	draggable :true,



   626 	html: '', 



   627 	hidden: true,



   628 	contentEl: 'divopenFile',



   629 	collapsed: true 



   630 	



   631  });  



   632  win.show();



   633 }  



   634 



   635 function preView() {   



   636  viewMode='preview';  



   637  //



   638  //document.forms[0].code.value=Ext.util.JSON.encode(canvas(c));



   639  //myOPF=document.forms[0].code.value;



   640     c.renderer.view(docx,docy,docw,doch,zoominit);



   641     borderDoc();                            



   642 



   643  //var all=canvas(c) ; 



   644  // deleteAllShapes()



   645   //load(all,c); 



   646  



   647 } 



   648 



   649 function canvasView() {   



   650  viewMode='canvas'; 



   651  //deleteAllShapes() 



   652  //document.forms[0].code.value=Ext.util.JSON.encode(canvas(c));



   653  //myOPF=document.forms[0].code.value;



   654   //load(myOPF,c);



   655    c.renderer.view(docx,docy,docw,doch,zoominit);



   656     borderDoc();                            



   657    //var all=canvas(c) ; 



   658   //deleteAllShapes()



   659   //load(all,c); 



   660   



   661 } 



   662 



   663 



   664 /////////////////////////////



   665 //FUNCTIONS 



   666 /////////////////////////////



   667 



   668 function changeInitialFile() 



   669 {  



   670    initialFile=document.forms[0].file.value; 



   671    c.renderer.removeAll()



   672    loadDemo(); 



   673    if(viewMode=='canvas')



   674     {  



   675      c.renderer.rectDoc(zoominit)



   676     }



   677    //win.hide();



   678    //document.getElementById("showInfo").style.display='none';



   679 } 



   680  



   681  function setMode(mode, status) 



   682    { 



   683     



   684    



   685     selectmode=mode;



   686     if(mode=='shape')



   687      { 



   688             c.editCommand('mode', 'select');



   689      }else{              



   690             if(mode=='pathsEdit' )



   691              {



   692                 mode='select';



   693              }



   694             c.editCommand('mode', mode);



   695      }



   696      



   697      var imgs = $('EST').getElementsByTagName('img');



   698      



   699      for (var i=0; i<imgs.length; i++) 



   700      {



   701        imgs[i].style.backgroundColor = '';



   702      }



   703      if(c.pathsEdit==true){



   704        $('pathsEdit').style.backgroundColor = 'orange';



   705      }else{



   706       $(mode).style.backgroundColor = 'orange';



   707      } 



   708      



   709      



   710      if (mode == 'select') 



   711       {



   712        //$('status').innerHTML = 'Select/Move' ;



   713        info_select();



   714       } 



   715      else



   716       {



   717        //$('status').innerHTML = 'Draw ' + status;



   718       } 



   719     



   720     ///////////



   721     



   722     hiddenAllMenus();



   723 



   724     if(mode=='text')



   725      {



   726 	info_text();



   727      }



   728 



   729     if(mode=='shape')



   730      {



   731 	info_shape();



   732      }



   733     if(mode=='ellipse')



   734      {



   735 	info_ellipse();



   736      }



   737 



   738      if(mode=='rect')



   739      {



   740 	info_rect();



   741      }  



   742      



   743      if(mode=='image')



   744      {



   745 	info_image();



   746      }  



   747 



   748      if(mode=='path')



   749      {



   750 	info_path();



   751      }  



   752      if(mode=='controlpath')



   753      {



   754 	info_controlpath();



   755      }  



   756      if(mode=='zoom')



   757      {



   758 	info_zoom();



   759 	



   760      } 



   761      if(mode=='select')



   762      {  



   763         if(c.pathsEdit==true)



   764          { 



   765           info_pathsEdit();



   766          }



   767           else



   768          { 



   769 	  info_select();



   770 	 } 



   771 	



   772      }



   773      //c.renderer.zoom(0,0);   



   774      //document.getElementById('richdraw').focus();



   775      



   776   } 



   777  



   778  ///////////////////////// 



   779  



   780   function hiddenAllMenus()



   781    { 



   782        



   783         document.getElementById('richdraw').style.cursor='default'; 



   784   	$('options_text').style.visibility = 'hidden';



   785   	$('options_select_path').style.visibility = 'hidden';  



   786   	$('panel_shapes').style.visibility = 'hidden'; 



   787   	$('linksPaths').style.visibility = 'hidden';  



   788         $('options_rect').style.visibility = 'hidden';



   789         $('options_ellipse').style.visibility = 'hidden';      



   790         $('options_image').style.visibility = 'hidden';  



   791         $('options_path').style.visibility = 'hidden';   



   792         //$('options_controlpath').style.visibility = 'hidden';   



   793         $('options_zoom').style.visibility = 'hidden';   



   794         $('options_select').style.visibility = 'hidden';



   795         



   796         



   797         selectedit='';



   798    }



   799   



   800   function info_text()



   801    {



   802 	$('options_text').style.visibility = 'visible';



   803    }



   804   function info_shape()



   805    {



   806 	$('options_select_path').style.visibility = 'visible';  



   807 	$('linksPaths').style.visibility = 'visible'; 



   808 	$('panel_shapes').style.visibility= 'visible';  



   809    }



   810   function info_rect()



   811    {



   812 	$('options_rect').style.visibility = 'visible';  



   813    } 



   814   function info_ellipse()



   815    {



   816 	$('options_ellipse').style.visibility = 'visible';  



   817    } 



   818 



   819   function info_image()



   820    {



   821 	$('options_image').style.visibility = 'visible';  



   822    }   



   823   function info_path()



   824    {



   825 	$('options_path').style.visibility = 'visible'; 



   826 	



   827    }



   828   function info_controlpath()



   829    {



   830 	$('options_path').style.visibility = 'visible'; 



   831 	



   832    } 



   833    function info_zoom()



   834    {



   835 	$('options_zoom').style.visibility = 'visible';   



   836 	//$('options_zoom').style.backgroundColor = colorpage; 



   837 	if(zoommode=='hand')



   838 	 {



   839 	   document.getElementById('richdraw').style.cursor='move'; 



   840 	   



   841 	 }else{ 



   842 	    if(zoommode=='window')



   843 	     {



   844 	     



   845 	     }else{



   846 	      c.renderer.zoom(0,0);       



   847 	     }



   848 	 }



   849         var imgs = $('options_zoom').getElementsByTagName('img');



   850         for (var i=0; i<imgs.length; i++) 



   851          {



   852             imgs[i].style.backgroundColor = '';



   853          }



   854         $('zoom_'+zoommode).style.backgroundColor = 'orange';



   855         



   856        



   857         



   858    }   



   859    



   860    function info_pathsEdit(){



   861 	$('options_path').style.visibility = 'visible'; 



   862    }



   863 



   864    function info_select()



   865    {



   866 	$('options_select').style.visibility = 'visible';   



   867 	//$('options_select').style.backgroundColor = colorpage; 



   868 



   869 	if(selectedit=='deleteone')



   870 	 {



   871 	     deleteShape();



   872 	 }



   873 	if(selectedit=='deleteall')



   874 	 {



   875 	     deleteAllShapes();



   876 	 }



   877 	if(selectedit=='tothetop')



   878 	 {



   879 	     toFront(-1);



   880 	 }



   881  	if(selectedit=='totheback')



   882 	 {



   883 	     toFront(0);



   884 	 }



   885   	if(selectedit=='oneback')



   886 	 {



   887 	     toFront(1);



   888 	 }



   889    	if(selectedit=='onetop')



   890 	 {



   891 	     toFront(2);



   892 	 }



   893    	if(selectedit=='reflectV')



   894 	 {



   895 	     c.reflect('V');



   896 	 } 



   897 	if(selectedit=='reflectH')



   898 	 {



   899 	     c.reflect('H');



   900 	 }



   901 



   902         var imgs = $('options_select').getElementsByTagName('img');



   903         for (var i=0; i<imgs.length; i++) 



   904          {



   905             imgs[i].style.backgroundColor = '';



   906          } 



   907         if(selectedit != '')



   908         {



   909                 $('select_'+selectedit).style.backgroundColor = 'orange';



   910         } 



   911          



   912    }   



   913   



   914    



   915 ////////////////////////////



   916 



   917         



   918   function setShape() 



   919    {   



   920        if(selectmode=='select' || selectmode=='control_path' || selectmode=='path'){



   921           c.submitShape(document.forms[0].control_codebase.value);



   922         }else{



   923           setMode('path', 'Path'); 



   924           c.submitShape(document.forms[0].codebase.value);  



   925         }



   926    }



   927   



   928   //function onKeyPress(){



   929     //c.onKeyPress();



   930   //}



   931   



   932   



   933   function deleteShape() 



   934    {



   935     c.deleteSelection();



   936    } 



   937    



   938   function deleteAllShapes() 



   939    {



   940     c.deleteAll();



   941    } 



   942 



   943   function deleteLastShapes() 



   944    {



   945     //c.deleteLast();



   946     c.clipboard=c.renderer.undo();



   947    } 



   948   function toFront(num) 



   949    {



   950     c.toFront(num);



   951    } 



   952   function cutSelected()



   953    { 



   954      



   955      c.clipboard=c.renderer.copy(c.selected);



   956      c.deleteSelection();



   957    }   



   958   function copySelected()



   959    {



   960     c.clipboard=c.renderer.copy(c.selected);



   961    }



   962   function pasteSelected()



   963    {



   964     c.selected=c.renderer.paste(c.clipboard,c.mouseDownX,c.mouseDownY);



   965     c.selected.id = 'shape:' + createUUID();



   966     Ext.get(c.selected).on( "mousedown", c.onHit,c);  



   967    } 



   968   function duplicateSelected()



   969    { 



   970     c.selected=c.renderer.duplicate(c.selected);



   971     c.selected.id = 'shape:' + createUUID();



   972     Ext.get(c.selected).on( "mousedown", c.onHit,c);  



   973   }                           



   974 ///////////////////////////



   975 



   976                     



   977   function setFillColor(color)   //colors --



   978    {



   979     //-- var color = colors.options[colors.selectedIndex].value;



   980     //-- colors.style.backgroundColor = color;



   981     



   982     c.editCommand('fillcolor', color);



   983    }



   984   



   985   function setLineColor(color)  //colors -- 



   986    {



   987     //--var color = colors.options[colors.selectedIndex].value;



   988     //-- colors.style.backgroundColor = color;



   989 



   990     c.editCommand('linecolor', color);



   991    }



   992   



   993   function setLineWidth(width) //width --



   994    {



   995     //-- var width = widths.options[widths.selectedIndex].value;



   996     c.editCommand('linewidth', width);



   997    }



   998   ////



   999   //++



  1000   function setFillOpacity(opacity) 



  1001    {



  1002      c.editCommand('fillopacity', opacity);



  1003    } 



  1004    ////



  1005    //++



  1006    function setLineOpacity(opacity) 



  1007     {



  1008      c.editCommand('lineopacity', opacity);



  1009     }



  1010 



  1011   function setTextFamily(types) 



  1012    {



  1013     var type = types.options[types.selectedIndex].value;



  1014     document.forms[0].option_text_family.value=type; //bad :-(



  1015     data_text_family = type;



  1016     c.submitShape($('option_text_message').value+'<;>'+$('option_text_size').value+'<;>'+$('option_text_family').value);



  1017    }



  1018 



  1019   function setGridWidth(widths) 



  1020    {



  1021     var width = eval(widths.options[widths.selectedIndex].value);



  1022     RichDrawEditor.prototype.setGrid(width, width);



  1023    }



  1024 



  1025 ///////////////////////////////



  1026   



  1027 



  1028   function getOptionByValue(select, value)



  1029   {



  1030     /*for (var i=0; i<select.length; i++) 



  1031      {



  1032         if (select.options[i].value == value) 



  1033          {



  1034             return i;



  1035          }



  1036     }



  1037     return -1;



  1038     */



  1039   }      



  1040   



  1041 /////////////////////////////



  1042 



  1043  function showMarkupCode() 



  1044   {



  1045     $('code').value = c.renderer.getMarkup(); 



  1046     //document.forms[0].code.focus();



  1047     //$('code').select; 



  1048     showinfoFrame('SVG code')



  1049     //infoFrame.setTitle('SVG code');  



  1050     //infoFrame.show();



  1051     



  1052   }  



  1053  function newFile() 



  1054   {             



  1055     initialFile='new.txt'; 



  1056     document.forms[0].file.value = initialFile; 



  1057     changeInitialFile()



  1058     



  1059   }



  1060  function openFile() 



  1061   {



  1062     $('file').value = initialFile; 



  1063     //document.forms[0].code.focus();



  1064     //$('code').select; 



  1065     showopenFile('Open File')



  1066     //infoFrame.setTitle('SVG code');  



  1067     //infoFrame.show();



  1068     



  1069   }



  1070  function showMarkup() 



  1071   {



  1072    document.forms[0].code.value=Ext.util.JSON.encode(canvas(c));



  1073     //infoFrame.setTitle('OPF code');



  1074     //infoFrame.show();



  1075      showinfoFrame('OPF code')



  1076 



  1077    



  1078   }



  1079 



  1080   function shm()



  1081    {



  1082    var json = Ext.util.JSON.encode(canvas(c))



  1083     $('someinfo').value = "JSON File Format Saved : "+( c.renderer.getMarkup().length - json.length )+" characters; JSON Character Total: "+json.length



  1084     $('code').value=json;



  1085    }



  1086   



  1087   function lcm()



  1088    {



  1089      load(Ext.util.JSON.decode(document.forms[0].code.value),c)   



  1090      c.renderer.rectDoc(zoominit)



  1091 



  1092        



  1093    }



  1094 



  1095 ////////////////////////////////////////



  1096 



  1097   



  1098   function onSelect() 



  1099    {



  1100     /*$('fillcolor').selectedIndex = getOptionByValue($('fillcolor'), c.queryCommand('fillcolor'));



  1101     $('fillcolor').style.backgroundColor = c.queryCommand('fillcolor');



  1102     $('linecolor').selectedIndex = getOptionByValue($('linecolor'), c.queryCommand('linecolor'));



  1103     $('linecolor').style.backgroundColor = c.queryCommand('linecolor');



  1104     $('linewidth').selectedIndex = getOptionByValue($('linewidth'), c.queryCommand('linewidth'));



  1105     */ 



  1106     hiddenAllMenus();



  1107     info_select();



  1108       



  1109     if (c.selected.tagName == 'rect'){



  1110         //setMode('rect', 'Rectangle')



  1111          info_rect();



  1112      } 



  1113     if (c.selected.tagName == 'image'){



  1114          info_image();



  1115      }



  1116     if (c.selected.tagName == 'text'){



  1117           info_text();



  1118      }



  1119     if (c.selected.tagName == 'line'){ 



  1120            //info_line();



  1121      }   



  1122     if (c.selected.tagName == 'ellipse'){



  1123            info_ellipse()



  1124      }



  1125     if (c.selected.tagName == 'path') { 



  1126        



  1127            info_path();



  1128      }  



  1129     if (c.selected.tagName == 'shape'){



  1130          var detail=c.selected.children[0].tagName;



  1131          $('someinfo').value=detail;



  1132          if(detail=='path'){ info_path(); }  



  1133           if(detail=='textpath'){ info_text(); }



  1134     } 



  1135     if (c.selected.tagName == 'oval') { 



  1136        



  1137            info_ellipse();



  1138      }  



  1139  



  1140       //frames['mondrianstyle'].setcolorhex(c.queryCommand('linecolor'),'stroke');



  1141       //frames['mondrianstyle'].setcolorhex(c.queryCommand('fillcolor'),'fill');       



  1142    }



  1143 



  1144   function onUnselect() 



  1145    {  



  1146    



  1147    /*



  1148     $('fillcolor').selectedIndex = getOptionByValue($('fillcolor'), c.queryCommand('fillcolor'));



  1149     $('fillcolor').style.backgroundColor = c.queryCommand('fillcolor');



  1150     $('linecolor').selectedIndex = getOptionByValue($('linecolor'), c.queryCommand('linecolor'));



  1151     $('linecolor').style.backgroundColor = c.queryCommand('linecolor');



  1152     $('linewidth').selectedIndex = getOptionByValue($('linewidth'), c.queryCommand('linewidth'));



  1153     */ 



  1154     



  1155    } 



  1156  



  1157  function editPath(myfield,e)



  1158    {  



  1159 



  1160     var keycode;



  1161     



  1162     



  1163     // ++? if (window.event) keycode = window.event.e;



  1164      



  1165       e= (e) ? e : ((window.event) ? event : null);



  1166      keycode=e.keyCode;



  1167     var shs= myfield.id.split('_');



  1168     var sh=shs[1];  



  1169     



  1170     var mypath=$('control_codebase').value;    



  1171     



  1172     



  1173      var  x= $('option_path_x').value;



  1174       var y= $('option_path_y').value; 



  1175      var precoord=x+','+y; 



  1176 



  1177     



  1178     var mypointNum=$('option_path_num').value;



  1179     var controlNodeNum=2;  



  1180     



  1181      if (keycode == 38)//#26



  1182      {  



  1183           myfield.value=eval(myfield.value)+1; 



  1184      }    



  1185     if (keycode == 40)// #28



  1186      {       



  1187         myfield.value=eval(myfield.value)-1;   



  1188      }    



  1189     if (keycode == 13  || keycode == 40   || keycode == 38)



  1190      {



  1191      var  cadx= $('option_path_x').value;



  1192      var cady= $('option_path_y').value; 



  1193      var coord=cadx+','+cady;



  1194                     



  1195       //$('code').value=coord;  



  1196       



  1197       var cad1=new RegExp(precoord,"g");



  1198       



  1199       



  1200       var result=mypath.replace(cad1, coord);



  1201       



  1202       $('control_codebase').value=' ';



  1203       $('control_codebase').value=result; 



  1204       



  1205       $('someinfo').value=precoord;



  1206       //alert(myfield.id);



  1207       setShape(); //c.renderer.tocurve();



  1208 



  1209       return false;



  1210       



  1211      } 



  1212     else



  1213     return true;



  1214   }



  1215 



  1216 



  1217   function editPathXX(myfield,e)



  1218    {  



  1219 



  1220     var keycode;



  1221     



  1222     



  1223     // ++? if (window.event) keycode = window.event.e;



  1224      



  1225       e= (e) ? e : ((window.event) ? event : null);



  1226      keycode=e.keyCode;



  1227     var shs= myfield.id.split('_');



  1228     var sh=shs[1];  



  1229     



  1230     var mypath=$('control_codebase').value;   



  1231     var mypointNum=$('option_path_num').value;



  1232     var controlNodeNum=2;  



  1233     



  1234      if (keycode == 38)//#26



  1235      {  



  1236           myfield.value=eval(myfield.value)+1; 



  1237      }    



  1238     if (keycode == 40)// #28



  1239      {       



  1240         myfield.value=eval(myfield.value)-1;   



  1241      }    



  1242   



  1243    



  1244      var points=mypath.split('C');



  1245      var chain='';



  1246      var segment=' ';  



  1247      prevControl=' ';



  1248      nextControl=' ';



  1249      nodePoint=' ';



  1250       var init=points[0].split('M'); 



  1251       var allcoords=init[1].split(' ');



  1252       var point=allcoords[0].split(',');



  1253       



  1254       if(mypointNum==0){



  1255       



  1256              point[1]= $('option_path_x').value;



  1257              point[2]= $('option_path_y').value;



  1258              var change=point.join(',')



  1259         



  1260         chain+='M' + change+' ';



  1261          }else{  



  1262            chain+='M'+points[0]+' '; 



  1263          }  



  1264       



  1265      var numpoints=points.length-1;



  1266      if(numpoints>1){



  1267      for(var a=1;a<=numpoints;a++)



  1268       { 



  1269         



  1270          if(a==mypointNum){



  1271           



  1272         segment=points[a].split(' ');



  1273          prevControl=segment[0]+' '; 



  1274          nextControl=segment[1]+' '; 



  1275          nodePoint=segment[2]+' '; 



  1276          



  1277            



  1278          /*if(controlNodeNum==0){chain+=prevControl; var point=prevControl.split(',');}  



  1279          if(controlNodeNum==1){chain+=nextControl; var point=nextControl.split(',');}  



  1280          if(controlNodeNum==2){chain+=nodePoint; var point=nodePoint.split(',');}  



  1281          */ 



  1282          



  1283         var point=nodePoint.split(',');



  1284              point[1]= $('option_path_x').value;



  1285              point[2]= $('option_path_y').value;



  1286              var change=point.join(',')



  1287         



  1288         chain+='C'+prevControl+ nextControl + change+' ';



  1289          }else{  



  1290            chain+='C'+points[a]; 



  1291          }           



  1292          



  1293       }



  1294       



  1295      }else{                      



  1296        chain+='C'+points[1]; 



  1297      



  1298      }                      



  1299       //$('someinfo').value= chain;



  1300        $('control_codebase').value=chain;



  1301       



  1302 



  1303        



  1304     



  1305     



  1306     if (keycode == 13  || keycode == 40   || keycode == 38)



  1307      { 



  1308       //alert(myfield.id);



  1309        c.renderer.tocurve();



  1310 



  1311       return false;



  1312       



  1313      } 



  1314     else



  1315     return true;



  1316   }



  1317 



  1318 



  1319   



  1320   function edit(myfield,e)



  1321    { 



  1322    



  1323     var keycode;



  1324     



  1325     



  1326     // ++? if (window.event) keycode = window.event.e;



  1327     //else if (e) keycode = e.which;



  1328      



  1329       e= (e) ? e : ((window.event) ? event : null);



  1330      keycode=e.keyCode;



  1331    //var keycode = e.which?e.which:e.keycode 



  1332     



  1333     //document.layers ? e.which :



  1334     //document.all ? e.keyCode :



  1335     //document.getElementById ? e.keyCode : 0;



  1336     //else return true;               



  1337     var keyChar = String.fromCharCode(keycode);



  1338     //var numCheck = /\d/;



  1339      //if (((keyChar=='.')&&(obj.value.indexOf('.')==-1))¦¦(keycode<32)¦¦numCheck.test(keyChar)¦¦((keycode>=37)&&(keycode<=40)&&(!e.modifiers&&!e.shiftKey))) { 



  1340     



  1341     //alert(keycode+' _ '+keyChar); 



  1342     var shs= myfield.id.split('_');



  1343     var sh=shs[1];



  1344   if(myfield.id.indexOf('control_codebase')<=0) 



  1345   {



  1346      if (keycode == 38)//#26



  1347      {  



  1348        



  1349        if(eval(myfield.value)>0) 



  1350         {   



  1351           myfield.value=eval(myfield.value)+1; 



  1352           //alert(myfield.value);



  1353         }  



  1354        //return false;



  1355        //alert('keycode')         



  1356        



  1357      }    



  1358     if (keycode == 40)// #28



  1359      {       



  1360         myfield.value=eval(myfield.value)-1;   



  1361         if(myfield.id=='option_path_sclx'  || myfield.id=='option_path_scly')



  1362          {



  1363            if( eval(myfield.value)<=0  )



  1364             {



  1365               myfield.value=1;



  1366             }



  1367          }  



  1368          



  1369         if(myfield.id=='option_text_size')



  1370          {



  1371            if( eval(myfield.value)<=0  )



  1372             {



  1373               myfield.value=1;



  1374             }



  1375          }



  1376      }    



  1377        



  1378   }  



  1379     



  1380     if (keycode == 13  || keycode == 40   || keycode == 38)



  1381      { 



  1382       var check=0;



  1383       if(myfield.id=='control_codebase') 



  1384        { 



  1385          //alert(myfield.id)



  1386          //c.submitShape($('control_codebase').value+'');



  1387          check=1;



  1388          setShape();



  1389        }  



  1390 



  1391       if(myfield.id.indexOf('href')>0) 



  1392        {



  1393          c.submitShape(myfield.value)



  1394        }



  1395          



  1396       if(myfield.id.indexOf('tr')>0 || myfield.id.indexOf('scl')>0)



  1397        {



  1398              if(check==0)



  1399               {



  1400                  c.submitShape($('option_'+sh+'_trx').value+';'+$('option_'+sh+'_try').value+';'+$('option_'+sh+'_sclx').value+';'+$('option_'+sh+'_scly').value+';'+$('option_'+sh+'_rot').value)



  1401                }  



  1402        } 



  1403        



  1404       if(myfield.id.indexOf('rot')>0) 



  1405        {



  1406          c.submitShape($('option_'+sh+'_trx').value+';'+$('option_'+sh+'_try').value+';'+$('option_'+sh+'_sclx').value+';'+$('option_'+sh+'_scly').value+';'+$('option_'+sh+'_rot').value)



  1407        }  



  1408        



  1409       if(myfield.id.indexOf('text')>0) 



  1410        {



  1411          c.submitShape($('option_text_message').value+'<;>'+$('option_text_size').value+'<;>'+$('option_text_family').value);



  1412        }  



  1413       //alert(myfield.id);



  1414       return false;



  1415       



  1416      } 



  1417     else



  1418     return true;



  1419   }



  1420 



  1421 



  1422  



  1423 



  1424 function env(myfield,delta)



  1425  {



  1426   



  1427     //alert(keycode+' _ '+keyChar); 



  1428     



  1429      if (delta >0)//#26



  1430      {     



  1431        myfield.value=eval(myfield.value)+1; 



  1432        //return false;



  1433        //alert('keycode')



  1434      }    



  1435       else



  1436            {     



  1437        myfield.value=eval(myfield.value)-1;



  1438        //return false;



  1439      }



  1440     



  1441     



  1442       if(myfield.id=='option_image_href') 



  1443        {



  1444          c.submitShape(myfield.value)



  1445        }  



  1446        if(myfield.id=='option_select_trx' || myfield.id=='option_select_try' || myfield.id=='option_select_sclx'  || myfield.id=='option_select_scly') 



  1447        {



  1448          c.submitShape($('option_select_trx').value+';'+$('option_select_try').value+';'+$('option_select_sclx').value+';'+$('option_select_scly').value+';'+$('option_select_rot').value)



  1449        }



  1450        if(myfield.id=='option_select_rot') 



  1451        {



  1452          c.submitShape($('option_select_trx').value+';'+$('option_select_try').value+';'+$('option_select_sclx').value+';'+$('option_select_scly').value+';'+$('option_select_rot').value)



  1453        }  



  1454  



  1455     }  



  1456 



  1457 



  1458    function clockdata(){



  1459   //////////////



  1460   //++



  1461         



  1462    data_path_close = $('option_path_close').checked;



  1463    data_text_family = $('option_text_family').value; 



  1464    data_text_size = parseFloat($('option_text_size').value);



  1465    data_text_messaje = $('option_text_message').value;  



  1466    data_image_href = $('option_image_href').value;



  1467  



  1468   ////////////          



  1469   }



  1470 



  1471  function myWorkSize() {



  1472   var myWidth = 0, myHeight = 0;



  1473   if( typeof( window.innerWidth ) == 'number' ) {



  1474     //Non-IE



  1475     myWidth = window.innerWidth;



  1476     myHeight = window.innerHeight;



  1477   } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {



  1478     //IE 6+ in 'standards compliant mode'



  1479     myWidth = document.documentElement.clientWidth;



  1480     myHeight = document.documentElement.clientHeight;



  1481   } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {



  1482     //IE 4 compatible



  1483     myWidth = document.body.clientWidth;



  1484     myHeight = document.body.clientHeight;



  1485   }



  1486   return [ myWidth, myHeight] ;



  1487 } 



  1488  



  1489 function doResize(){  



  1490      //deleteAllShapes(); 



  1491  vertexFrames();



  1492  resizeFrame();  



  1493     //c.renderer.zoomFrame(zoominit); 



  1494  //c.renderer.view(canvasX,canvasY,canvasW,canvasH,zoominit)



  1495  //c.renderer.view(docx,docy,docw,doch,zoominit1)  



  1496     // delete rectCanvas 



  1497  //   var vB=zoomx+' '+zoomy+' '+zoomw+' '+zoomh;



  1498     



  1499      //c.renderer.rectCanvas(docx,docy,docw,doch,vB);



  1500 }



  1501 



  1502 function vertexFrames(){



  1503 



  1504   var screenSize=myWorkSize();



  1505    scrW = screenSize[0];//screen.availWidth;



  1506    scrH = screenSize[1];//screen.availHeight; 



  1507   



  1508    wndW=scrW;//window.width;



  1509    wndH=scrH;//window.height;



  1510   



  1511   



  1512   if (scrW != wndW || scrH != wndH) {



  1513       //window.resizeTo(scrW, scrH);



  1514       //window.moveTo(0, 0);



  1515   }



  1516   //var wProportion={x:35, y:24}



  1517   



  1518    vertexNORTHmenu={ NORTHmenu1:[0,0],NORTHmenu2:[scrW,0],NORTHmenu3:[0,wProportion.y],NORTHmenu4:[scrW,wProportion.y] };



  1519    vertexNORTHglobals={ NORTHglobals1:[0,wProportion.y],NORTHglobals2:[scrW,wProportion.y],NORTHglobals3:[0,wProportion.y*2],NORTHglobals4:[scrW,wProportion.y*2] };



  1520    vertexNORTHoptions={ NORTHoptions1:[0,wProportion.y*2],NORTHoptions2:[scrW,wProportion.y*2],NORTHoptions3:[0,wProportion.y*3],NORTHoptions4:[scrW,wProportion.y*3] };    



  1521    vertexSUD={ SUD1:[0,wndH-wProportion.y*3], SUD2:[scrW,(wndH-wProportion.y*3)], SUD3:[0,wndH], SUD4:[scrW,wndH]};



  1522    vertexEST={ EST1:[0,wProportion.y*3], EST2:[wProportion.x,wProportion.y*3], EST3:[0,(wndH-wProportion.y*3)], EST4:[wProportion.x,(wndH-wProportion.y*3)] };



  1523    vertexWEST={ WEST1:[(scrW-wProportion.x*3),wProportion.y*3], WEST2:[scrW,wProportion.y*3], WEST3:[(scrW-wProportion.x*3),(wndH-wProportion.y*3)], WEST4:[scrW,(wndH-wProportion.y*3)] };



  1524    vertexFRONT={ FRONT1:[vertexEST.EST2[0],vertexEST.EST2[1]], FRONT2:[vertexWEST.WEST1[0],vertexWEST.WEST1[1]], FRONT3:[vertexEST.EST4[0],vertexEST.EST4[1]], FRONT4:[vertexWEST.WEST3[0],vertexWEST.WEST3[1]] };



  1525  



  1526    NORTHmenusize=[vertexNORTHmenu.NORTHmenu4[0]-vertexNORTHmenu.NORTHmenu1[0],vertexNORTHmenu.NORTHmenu4[1]-vertexNORTHmenu.NORTHmenu1[1]];



  1527    NORTHglobalssize=[vertexNORTHglobals.NORTHglobals4[0]-vertexNORTHglobals.NORTHglobals1[0],vertexNORTHglobals.NORTHglobals4[1]-vertexNORTHglobals.NORTHglobals1[1]];



  1528    NORTHoptionssize=[vertexNORTHoptions.NORTHoptions4[0]-vertexNORTHoptions.NORTHoptions1[0],vertexNORTHoptions.NORTHoptions4[1]-vertexNORTHoptions.NORTHoptions1[1]];  



  1529    SUDsize=[vertexSUD.SUD4[0]-vertexSUD.SUD1[0],vertexSUD.SUD4[1]-vertexSUD.SUD1[1]]; 



  1530    ESTsize=[vertexEST.EST4[0]-vertexEST.EST1[0],vertexEST.EST4[1]-vertexEST.EST1[1]]; 



  1531    WESTsize=[vertexWEST.WEST4[0]-vertexWEST.WEST1[0],vertexWEST.WEST4[1]-vertexWEST.WEST1[1]]; 



  1532    FRONTsize=[vertexFRONT.FRONT4[0]-vertexFRONT.FRONT1[0],vertexFRONT.FRONT4[1]-vertexFRONT.FRONT1[1]]; 



  1533    



  1534 



  1535    



  1536    //percent of FRONTsize



  1537    proporDoc= FRONTsize[0]/FRONTsize[1];



  1538    canvasYpercent=100;



  1539    canvasXpercent=100;



  1540    canvasWidth=Math.round(FRONTsize[0]*canvasXpercent/100);//FRONTsize[0];  



  1541    canvasW=canvasWidth;  



  1542    canvasHeight=Math.round(canvasYpercent*FRONTsize[1]/100);//FRONTsize[1];  



  1543    canvasH=canvasHeight;



  1544    canvasX=Math.round((FRONTsize[0]-canvasW)/2); 



  1545    canvasY=Math.round((FRONTsize[1]-canvasH)/2);



  1546 



  1547 



  1548    //vertexFRONTcanvas={ FRONT1:[vertexEST.EST2[0],vertexEST.EST2[1]], FRONT2:[vertexWEST.WEST1[0],vertexWEST.WEST1[1]], FRONT3:[vertexEST.EST4[0],vertexEST.EST4[1]], FRONT4:[vertexWEST.WEST3[0],vertexWEST.WEST3[1]] };



  1549    //FRONTcanvassize=[vertexFRONT.FRONT4[0]-vertexFRONT.FRONT1[0],vertexFRONT.FRONT4[1]-vertexFRONT.FRONT1[1]]; 



  1550 



  1551    



  1552    //centerZoomx=Math.round(canvasWidth/2);



  1553    //centerZoomy=Math.round(canvasHeight/2);  



  1554     if(canvasH==0){ canvasH=0.00000001; }



  1555     proporCanvas= canvasW/canvasH ;    



  1556    //zoominit='0 0 '+zoomw+' '+zoomh;// 



  1557    



  1558    makeWorkSite(canvasH,(-canvasW/2)+(docw/2),(-canvasH/2)+(doch/2));



  1559    diagonalinit=diagonalFrame;



  1560    proporDiagonal=diagonalFrame/diagonalinit;  



  1561    zoominit=(zoomx)+' '+(zoomy)+' '+zoomw+' '+zoomh;  



  1562    //$('someinfo').value= zoominit;



  1563    //document.forms[0].someinfo.value= zoominit; 



  1564    //document.getElementById("someinfo").value = zoominit



  1565    //Ext.get('richdraw').dom.style.scrollTop = ('40%');



  1566    //alert(zoominit);



  1567 }



  1568 



  1569 function resizeFrame(){



  1570   



  1571   Ext.get('NORTHmenu').dom.style.backgroundColor = (colorpage1a);   



  1572   Ext.get('NORTHglobals').dom.style.backgroundColor = (colorpage1b);   



  1573   Ext.get('NORTHoptions').dom.style.backgroundColor = (colorpage1c);   



  1574 



  1575   Ext.get('SUD').dom.style.backgroundColor = (colorpage2); 



  1576   Ext.get('EST').dom.style.backgroundColor = (colorpage3); 



  1577   Ext.get('WEST').dom.style.backgroundColor = (colorpage4);   



  1578   



  1579   Ext.get('linksPaths').dom.style.backgroundColor = (colorpage); // bad



  1580   



  1581 



  1582   Ext.get('NORTHmenu').dom.style.left =(vertexNORTHmenu.NORTHmenu1[0]+'px'); Ext.get('NORTHmenu').dom.style.top =(vertexNORTHmenu.NORTHmenu1[1]+'px');Ext.get('NORTHmenu').dom.style.width =(NORTHmenusize[0]+'px'); Ext.get('NORTHmenu').dom.style.height = (NORTHmenusize[1]+'px');



  1583   Ext.get('NORTHglobals').dom.style.left =(vertexNORTHglobals.NORTHglobals1[0]+'px'); Ext.get('NORTHglobals').dom.style.top =(vertexNORTHglobals.NORTHglobals1[1]+'px');Ext.get('NORTHglobals').dom.style.width =(NORTHglobalssize[0]+'px'); Ext.get('NORTHglobals').dom.style.height =(NORTHglobalssize[1]+'px');



  1584   Ext.get('NORTHoptions').dom.style.left =(vertexNORTHoptions.NORTHoptions1[0]+'px'); Ext.get('NORTHoptions').dom.style.top =(vertexNORTHoptions.NORTHoptions1[1]+'px');Ext.get('NORTHoptions').dom.style.width =(NORTHoptionssize[0]+'px'); Ext.get('NORTHoptions').dom.style.height =(NORTHoptionssize[1]+'px');



  1585   Ext.get('SUD').dom.style.left =(vertexSUD.SUD1[0]+'px'); Ext.get('SUD').dom.style.top =(vertexSUD.SUD1[1]+'px');Ext.get('SUD').dom.style.width=(SUDsize[0]+'px'); Ext.get('SUD').dom.style.height =(SUDsize[1]+'px');



  1586   Ext.get('EST').dom.style.left =(vertexEST.EST1[0]+'px'); Ext.get('EST').dom.style.top =(vertexEST.EST1[1]+'px');Ext.get('EST').dom.style.width=(ESTsize[0]+'px'); Ext.get('EST').dom.style.height =((ESTsize[1]+'px'));



  1587   Ext.get('WEST').dom.style.left =(vertexWEST.WEST1[0]+'px'); Ext.get('WEST').dom.style.top =(vertexWEST.WEST1[1]+'px');Ext.get('WEST').dom.style.width=(WESTsize[0]+'px'); Ext.get('WEST').dom.style.height =((WESTsize[1]+'px'));



  1588   Ext.get('FRONT').dom.style.left =(vertexFRONT.FRONT1[0]+'px'); Ext.get('FRONT').dom.style.top =(vertexFRONT.FRONT1[1]+'px');Ext.get('FRONT').dom.style.width=(FRONTsize[0]+'px'); Ext.get('FRONT').dom.style.height =(FRONTsize[1]+'px');



  1589   



  1590   Ext.get('richdraw').dom.style.left =(canvasX+'px'); Ext.get('richdraw').dom.style.top =(canvasY+'px');Ext.get('richdraw').dom.style.width=(canvasW+'px'); Ext.get('richdraw').dom.style.height =(canvasH+'px');



  1591  



  1592 }



  1593 



  1594 function documentProperties(){ 



  1595     var tokens = zoominit.split(' ');       



  1596   



  1597     document.forms[0].xDocument.value=tokens[0];



  1598     document.forms[0].yDocument.value=tokens[1];



  1599 



  1600     document.forms[0].widthDocument.value=tokens[2];



  1601     document.forms[0].heightDocument.value=tokens[3]; 



  1602     showdocFrame('Document properties')



  1603     //docFrame.setTitle('Document properties');



  1604     //docFrame.show();



  1605 



  1606 }



  1607 function changeDocumentProperties(){ 



  1608 



  1609     //percent of FRONTsize



  1610    proporSpace= FRONTsize[0]/FRONTsize[1];



  1611    //PERCENT 



  1612    



  1613    //canvasYpercent=95;



  1614    //canvasXpercent=97;



  1615    /*



  1616    canvasWidth=Math.round(FRONTsize[0]*canvasXpercent/100);//FRONTsize[0];  



  1617    canvasW=canvasWidth;  



  1618    canvasHeight=Math.round(canvasYpercent*FRONTsize[1]/100);//FRONTsize[1];  



  1619    canvasH=canvasHeight;



  1620    */ 



  1621    



  1622    docx=eval(document.forms[0].xDocument.value);



  1623    docy=eval(document.forms[0].yDocument.value); 



  1624 



  1625    docw=eval(document.forms[0].widthDocument.value);



  1626    doch=eval(document.forms[0].heightDocument.value); 



  1627    zoominit= docx+' '+docy+' '+docw+' '+doch;



  1628    c.renderer.view(docx,docy,docw,doch,zoominit);



  1629     borderDoc();



  1630   



  1631    //doResize();



  1632    //canvasX=Math.round((FRONTsize[0]-canvasW)/2); 



  1633    //canvasY=Math.round((FRONTsize[1]-canvasH)/2);



  1634 



  1635  



  1636   //Ext.get('richdraw').dom.style.left =(canvasX+'px'); Ext.get('richdraw').dom.style.top =(canvasY+'px');Ext.get('richdraw').dom.style.width=(canvasW+'px'); Ext.get('richdraw').dom.style.height =(canvasH+'px');



  1637 



  1638 }                 



  1639 function makeWorkSite(width,left,top) {



  1640     fieldViewx=Math.round(width*proporCanvas)*1; 



  1641     fieldViewy=width*1;  



  1642     diagonalFrame=dist2p(0,0,fieldViewx*1,fieldViewy*1);



  1643     diagonalAngle=getAngle(fieldViewx,fieldViewy);                                  



  1644     diagonalMidx=fieldViewx/2; 



  1645     diagonalMidy=fieldViewy/2;   



  1646     centerZoomx=diagonalMidx;



  1647     centerZoomy=diagonalMidy;   



  1648        



  1649     //alert(diagonalinit+' '+diagonalFrame+'    '+proporDiagonal);



  1650     //alert(canvasW+''+canvasW+' propor:'+proporCanvas+' Docy:'+docy+' fieldView:'+fieldViewx+' '+fieldViewy);



  1651     zoomx=(diagonalMidx+(diagonalFrame/2)*Math.cos(diagonalAngle+Math.PI))+left;//-(fieldViewx/8);//-(canvasW/2)docx-fieldViewx;



  1652     zoomy=(diagonalMidy+(diagonalFrame/2)*Math.sin(diagonalAngle+Math.PI))+top;//-(fieldViewy/8);//-(canvasH/2);//docy-fieldViewy;



  1653     zoomw=diagonalMidx+(diagonalFrame/2)*Math.cos(diagonalAngle);//fieldViewx*1.25;//docw+fieldViewx*2;



  1654     zoomh=diagonalMidy+(diagonalFrame/2)*Math.sin(diagonalAngle);//fieldViewy*1.25;//doch+fieldViewy*2;    



  1655 }  



  1656 



  1657 



  1658 function RichDrawViewer(elem, renderer) 



  1659 {



  1660  this.container = elem;



  1661  this.renderer = renderer;



  1662  this.renderer.init(this.container);



  1663  this.renderer.editor = this;



  1664 }          



  1665 /*



  1666 onResize : function(){



  1667 	        Ext.TabPanel.superclass.onResize.apply(this, arguments);



  1668  	        this.delegateUpdates();



  1669  	    },



  1670  	 */