14 files changed, 542 insertions, 203 deletions

diff --git a/js/helper-classes/3D/draw-utils.js b/js/helper-classes/3D/draw-utils.js
index c07391db..85870097 100755
--- a/js/helper-classes/3D/draw-utils.js
+++ b/js/helper-classes/3D/draw-utils.js
@@ -115,6 +115,26 @@ var DrawUtils = exports.DrawUtils = Montage.create(Component, {
                 }
         },
 
+    initializeFromDocument:{
+        value:function(){
+            var documentRootChildren = null, i;
+            //initialize with current document
+            this._eltArray = [];
+            this._planesArray = [];
+            this.setDrawingSurfaceElement(this.application.ninja.stage.canvas);
+            this.setSourceSpaceElement( this.application.ninja.stage.stageDeps.currentStage );
+            this.setWorkingPlane( Vector.create( [0,0,1,0] ) );
+
+            //Loop through all the top-level children of the current document and call drawUtils.addElement on them
+            if(this.application.ninja.currentDocument._liveNodeList.length > 0){
+                documentRootChildren = this.application.ninja.currentDocument._liveNodeList;
+                for(i=0;i<documentRootChildren.length;i++){
+                    this.addElement(documentRootChildren[i]);
+                }
+            }
+        }
+    },
+
     handleElementAdded: {
         value: function(event) {
             this.addElement(event.detail);
diff --git a/js/helper-classes/3D/snap-manager.js b/js/helper-classes/3D/snap-manager.js
index ada6960b..94202dc5 100755
--- a/js/helper-classes/3D/snap-manager.js
+++ b/js/helper-classes/3D/snap-manager.js
@@ -521,7 +521,7 @@ var SnapManager = exports.SnapManager = Montage.create(Component, {
 
                                                 if (!elt.elementModel)
                                                 {
-                            NJUtils.makeElementModel2(elt);
+                            NJUtils.makeModelFromElement(elt);
                                                 }
                                                 elt.elementModel.isIn2DSnapCache = true;
                                         }
@@ -588,7 +588,7 @@ var SnapManager = exports.SnapManager = Montage.create(Component, {
 
                                         if (!elt.elementModel)
                                         {
-                                                NJUtils.makeElementModel2(elt);
+                                                NJUtils.makeModelFromElement(elt);
                                         }
                                         elt.elementModel.isIn2DSnapCache = true;
                                 }
diff --git a/js/helper-classes/3D/view-utils.js b/js/helper-classes/3D/view-utils.js
index a2fac34f..bedda8bf 100755
--- a/js/helper-classes/3D/view-utils.js
+++ b/js/helper-classes/3D/view-utils.js
@@ -1226,6 +1226,14 @@ exports.ViewUtils = Montage.create(Component, {
             }
     },
 
+        getCurrentDocument:
+        {
+                value: function()
+                {
+                        return snapManagerModule.SnapManager.application.ninja.currentDocument;
+                }
+        },
+
         setStageZoom: {
         value:function( globalPt,  zoomFactor ) {
             var localPt;
diff --git a/js/helper-classes/RDGE/GLAnchorPoint.js b/js/helper-classes/RDGE/GLAnchorPoint.js
index 716f59d4..c3e95b34 100755
--- a/js/helper-classes/RDGE/GLAnchorPoint.js
+++ b/js/helper-classes/RDGE/GLAnchorPoint.js
@@ -133,6 +133,13 @@ GLAnchorPoint.prototype.translateAll = function (x, y, z) {
 }
 
 
+GLAnchorPoint.prototype.scaleAll = function(sx,sy,sz){
+    this._x *= sx;this._prevX *= sx;this._nextX *= sx;
+    this._y *= sy;this._prevY *= sy;this._nextY *= sy;
+    this._z *= sz;this._prevZ *= sz;this._nextZ *= sz;
+}
+
+
 // ********* getters **********
 GLAnchorPoint.prototype.getPosX = function () { return this._x; }
 GLAnchorPoint.prototype.getPosY = function () { return this._y; }
diff --git a/js/helper-classes/RDGE/GLCircle.js b/js/helper-classes/RDGE/GLCircle.js
index 5b32547e..15ed6b6d 100755
--- a/js/helper-classes/RDGE/GLCircle.js
+++ b/js/helper-classes/RDGE/GLCircle.js
@@ -47,8 +47,8 @@ function GLCircle()
         
                         this._strokeWidth = strokeSize;
                         this._innerRadius = innerRadius;
-                        this._strokeColor = strokeColor;
-                        this._fillColor = fillColor;
+                        if (strokeColor)  this._strokeColor = strokeColor;
+                        if (fillColor)  this._fillColor = fillColor;
 
                         this._strokeStyle = strokeStyle;
                 }
@@ -135,7 +135,7 @@ function GLCircle()
                 if (!world._useWebGL)  return;
                 
                 // make sure RDGE has the correct context
-                g_Engine.setContext( world.getCanvas().uuid );
+                g_Engine.setContext( world.getCanvas().rdgeid );
 
          // create the gl buffer
         var gl = world.getGLContext();
@@ -398,59 +398,58 @@ function GLCircle()
                         // set up the fill style
                         ctx.beginPath();
                         ctx.lineWidth = 0;
-                        ctx.fillStyle   = "#990000";
                         if (this._fillColor)
                         {
                                 var c = "rgba(" + 255*this._fillColor[0] + "," + 255*this._fillColor[1] + "," + 255*this._fillColor[2] + "," + this._fillColor[3] + ")";  
                                 ctx.fillStyle = c;
-                        }
 
-                        // draw the fill
-                        ctx.beginPath();
-                        var p = MathUtils.transformPoint( bezPts[0],   mat );
-                        ctx.moveTo( p[0],  p[1] );
-                        var index = 1;
-                        while (index < n)
-                        {
-                                p0   = MathUtils.transformPoint( bezPts[index],  mat );
-                                p1 = MathUtils.transformPoint( bezPts[index+1],  mat );
+                                // draw the fill
+                                ctx.beginPath();
+                                var p = MathUtils.transformPoint( bezPts[0],   mat );
+                                ctx.moveTo( p[0],  p[1] );
+                                var index = 1;
+                                while (index < n)
+                                {
+                                        p0   = MathUtils.transformPoint( bezPts[index],  mat );
+                                        p1 = MathUtils.transformPoint( bezPts[index+1],  mat );
 
-                                x0 = p0[0];  y0 = p0[1];
-                                x1 = p1[0];  y1 = p1[1];
-                                ctx.quadraticCurveTo( x0,  y0,  x1, y1 );
-                                index += 2;
-                        }
+                                        x0 = p0[0];  y0 = p0[1];
+                                        x1 = p1[0];  y1 = p1[1];
+                                        ctx.quadraticCurveTo( x0,  y0,  x1, y1 );
+                                        index += 2;
+                                }
 
-                        if ( MathUtils.fpSign(innerRad) > 0)
-                        {
-                                xScale = 0.5*innerRad*this._width;
-                                yScale = 0.5*innerRad*this._height;
-                                mat[0] = xScale;
-                                mat[5] = yScale;
-
-                                // get the bezier points
-                                var bezPts = MathUtils.circularArcToBezier( Vector.create([0,0,0]), Vector.create([1,0,0]), -2.0*Math.PI );
-                                if (bezPts)
+                                if ( MathUtils.fpSign(innerRad) > 0)
                                 {
-                                        var n = bezPts.length;
-                                        p = MathUtils.transformPoint( bezPts[0],   mat );
-                                        ctx.moveTo( p[0],  p[1] );
-                                        index = 1;
-                                        while (index < n)
+                                        xScale = 0.5*innerRad*this._width;
+                                        yScale = 0.5*innerRad*this._height;
+                                        mat[0] = xScale;
+                                        mat[5] = yScale;
+
+                                        // get the bezier points
+                                        var bezPts = MathUtils.circularArcToBezier( Vector.create([0,0,0]), Vector.create([1,0,0]), -2.0*Math.PI );
+                                        if (bezPts)
                                         {
-                                                p0 = MathUtils.transformPoint( bezPts[index],    mat );
-                                                p1 = MathUtils.transformPoint( bezPts[index+1],  mat );
-
-                                                var x0 = p0[0],  y0 = p0[1],
-                                                        x1 = p1[0],  y1 = p1[1];
-                                                ctx.quadraticCurveTo( x0,  y0,  x1, y1 );
+                                                var n = bezPts.length;
+                                                p = MathUtils.transformPoint( bezPts[0],   mat );
+                                                ctx.moveTo( p[0],  p[1] );
+                                                index = 1;
+                                                while (index < n)
+                                                {