Squashed commit of the following:

commit 1cd89d4d06e3a8f2c221628b19cf26a2c69f5d3f
Author: Jose Antonio Marquez <kgq387@motorola.com>
Date:   Tue Mar 6 11:24:25 2012 -0800

    Fixing WebGL not available bug

commit 84332ab81c1b445195f1d9be8bbeae0725c8e758
Author: Valerio Virgillito <valerio@motorola.com>
Date:   Tue Mar 6 10:58:25 2012 -0800

    Squashed commit of preload-fix into Master

    - Requiring all the previously pre-loaded files
    - RDGE, Codemirror and gl-matrix are not included via a script tag.

    Signed-off-by: Valerio Virgillito <valerio@motorola.com>

commit 13f52cf0c74f53a919fa864f86669e8155f82961
Merge: dced508 abc04f3
Author: Valerio Virgillito <valerio@motorola.com>
Date:   Fri Mar 2 15:46:11 2012 -0800

    Merge pull request #93 from imix23ways/Timeline

    Timeline: Critical bug fixes

commit dced508bb19a7bcd467ff1b86b5df5bbec4be794
Merge: 0aeb400 cc772ef
Author: Valerio Virgillito <valerio@motorola.com>
Date:   Fri Mar 2 15:45:35 2012 -0800

    Merge pull request #92 from mqg734/WebGLFixes

    Selection Tool Fixes for elements flying off into space when they overlap

commit 0aeb400070762cf01d83cf9f9ee25a5595098b7f
Merge: ff0a956 aabb48a
Author: Valerio Virgillito <valerio@motorola.com>
Date:   Fri Mar 2 14:05:21 2012 -0800

    Merge pull request #94 from ericguzman/PresetsPanel

    Presets Panel - Fix single-click activation, and transition cut-off bug.

commit cc772ef3333ed419d269a2bda7aea5b0150a7bd9
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Fri Mar 2 11:34:58 2012 -0800

    Fixing flying off into space bug for translate tool too.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit abc04f3d50311ed1c21067344bc7e448686f8c5c
Author: Jonathan Duran <jduran@motorola.com>
Date:   Fri Mar 2 11:26:25 2012 -0800

    Timeline Fix timing function

    Signed-off-by: Jonathan Duran <jduran@motorola.com>

commit aabb48a1c8d34bc968f4c6b0ffee4e31c1d5d286
Author: Eric Guzman <ericg@motorola.com>
Date:   Fri Mar 2 11:22:44 2012 -0800

    Presets Panel - Fix single-click activation, and transition cut-off bug.

    Use double-click as the activation event for transition presets. Also fixed the bug when applying a style preset before the transition preset, which disabled transitions after the first one.

commit f3207f39ea9d8c1c34246217a23d3a689671903d
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Fri Mar 2 11:21:29 2012 -0800

    Don't draw transform handles if the stage is the target element.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit 5425be91e7125c22955b4459a62412ff574e49a8
Author: Jonathan Duran <jduran@motorola.com>
Date:   Fri Mar 2 11:11:48 2012 -0800

    Timeline: Fix for animation iteration count

    Add default webkit css properties to allow animations with integer iteration counts.

    Signed-off-by: Jonathan Duran <jduran@motorola.com>

commit 1760bac1da9218315ad1bacdcf3a157495a049e8
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Fri Mar 2 10:48:41 2012 -0800

    Fix for jumping issue when moving items that have any 3d on them.

    We can't translate 3d moves into 2d space due to perspective, so we must update the matrix3d values instead of the top-left values if items have 3d.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit 2c04935f0ccb1cb7c98371fc10b43155f2d956c4
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Thu Mar 1 22:20:06 2012 -0800

    Fix for elements flying off into space when moving elements that overlap.

    This was happening because our hit record's element and the browser's element from point did not match.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit 50058746779f714ed9b0287f49e56c9f0d35593e
Merge: 500426d ff0a956
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Thu Mar 1 21:49:44 2012 -0800

    Merge branch 'refs/heads/ninja-internal' into WebGLFixes

commit 500426dea0ca95a6b45be8ea8d132cfdb4d2c940
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Thu Mar 1 10:11:39 2012 -0800

    Fixed logic error when resizing with the top-left transform handles.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit 7980d9bde2b43aa5a494ddf6f1db5c4959a57b91
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Thu Mar 1 10:04:15 2012 -0800

    Re-fixing IKNinja-940 - Can't select objects when in side/top view.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

commit f04cc0146d8f7573628678613a99c270116768e4
Author: Nivesh Rajbhandari <mqg734@motorola.com>
Date:   Wed Feb 29 16:45:40 2012 -0800

    Last-used material (instead of FlatMaterial) is applied to shape when turning on use WebGL checkbox in the PI.

    Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>

Signed-off-by: Jonathan Duran <jduran@motorola.com>

1 files changed, 1288 insertions, 0 deletions

diff --git a/js/lib/geom/sub-path.js b/js/lib/geom/sub-path.js
new file mode 100755
index 00000000..ab54d1e9
--- /dev/null
+++ b/js/lib/geom/sub-path.js
@@ -0,0 +1,1288 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+
+var VecUtils =      require("js/helper-classes/3D/vec-utils").VecUtils;
+
+var GeomObj =       require("js/lib/geom/geom-obj").GeomObj;
+var AnchorPoint =   require("js/lib/geom/anchor-point").AnchorPoint;
+var MaterialsModel = require("js/models/materials-model").MaterialsModel;
+
+// TODO Those function do not seems to be used. We should remove them
+function SubpathOffsetPoint(pos, mapPos) {
+    this.Pos = [pos[0],pos[1],pos[2]];
+    this.CurveMapPos = [mapPos[0], mapPos[1], mapPos[2]];
+}
+
+function SubpathOffsetTriangle(v0, v1, v2) {
+    this.v0 = v0;
+    this.v1 = v1;
+    this.v2 = v2;
+    this.n = [0,0,1]; //replace with the actual cross product later
+}
+
+function sortNumberAscending(a,b){
+    return a-b;
+}
+function sortNumberDescending(a,b){
+    return b-a;
+}
+function SegmentIntersections(){
+    this.paramArray = [];
+}
+
+///////////////////////////////////////////////////////////////////////
+// Class GLSubpath
+//      representation a sequence of cubic bezier curves.
+//      Derived from class GeomObj
+///////////////////////////////////////////////////////////////////////
+
+var GLSubpath = function GLSubpath() {
+    ///////////////////////////////////////////////////
+    // Instance variables
+    ///////////////////////////////////////////////////
+    this._Anchors = [];
+    this._BBoxMin = [0, 0, 0];
+    this._BBoxMax = [0, 0, 0];
+    this._isClosed = false;
+
+    this._samples = [];                 //polyline representation of this curve
+    this._sampleParam = [];            //parametric distance of samples, within [0, N], where N is # of Bezier curves (=# of anchor points if closed, =#anchor pts -1 if open)
+    this._anchorSampleIndex = [];       //index within _samples corresponding to anchor points
+    
+    this._UnprojectedAnchors = [];
+
+    //initially set the _dirty bit so we will construct samples
+    this._dirty = true;
+
+    //whether or not to use the canvas drawing to stroke/fill
+    this._useCanvasDrawing = true;
+
+    //the X and Y location of this subpath's canvas in stage world space of Ninja
+    this._canvasX = 0;
+    this._canvasY = 0;
+
+    //stroke information
+    this._strokeWidth = 0.0;
+    this._strokeColor = [0.4, 0.4, 0.4, 1.0];
+    this._strokeMaterial = null
+    this._strokeStyle = "Solid";
+    this._materialAmbient = [0.2, 0.2, 0.2, 1.0];
+    this._materialDiffuse = [0.4, 0.4, 0.4, 1.0];
+    this._materialSpecular = [0.4, 0.4, 0.4, 1.0];
+    this._fillColor = [0.4, 0.4, 0.4, 1.0];
+    this._fillMaterial = null;
+    this._DISPLAY_ANCHOR_RADIUS = 5;
+    //drawing context
+    this._world = null;
+
+    //tool that owns this subpath
+    this._drawingTool = null;
+    this._planeMat = null;
+    this._planeMatInv = null;
+    this._planeCenter = null;
+
+    //used to query what the user selected, OR-able for future extensions
+    this.SEL_NONE = 0;          //nothing was selected
+    this.SEL_ANCHOR = 1;        //anchor point was selected
+    this.SEL_PREV = 2;          //previous handle of anchor point was selected
+    this.SEL_NEXT = 4;          //next handle of anchor point was selected
+    this.SEL_PATH = 8;          //the path itself was selected
+    this._selectMode = this.SEL_NONE;
+    this._selectedAnchorIndex = -1;
+
+    this._SAMPLING_EPSILON = 0.5; //epsilon used for sampling the curve
+    this._DEFAULT_STROKE_WIDTH = 20; //use only if stroke width not specified
+    this._MAX_OFFSET_ANGLE = 10; //max angle (in degrees) between consecutive vectors from curve to offset path
+
+    // (current GeomObj complains if buildBuffers/render is added to GLSubpath prototype)
+    //buildBuffers
+    //  Build the stroke vertices, normals, textures and colors
+    //  Add that array data to the GPU using OpenGL data binding
+    this.buildBuffers = function () {
+        // return; //no need to do anything for now
+    };
+
+    //render
+    //  specify how to render the subpath in Canvas2D
+    this.render = function () {
+        // get the world
+        var world = this.getWorld();
+        if (!world)  throw( "null world in subpath render" );
+
+         // get the context
+        var ctx = world.get2DContext();
+        if (!ctx)  throw ("null context in subpath render")
+
+        var numAnchors = this.getNumAnchors();
+        if (numAnchors === 0) {
+            return; //nothing to do for empty paths
+        }
+
+        ctx.save();
+
+        this.createSamples(); //dirty bit checked in this function...will generate a polyline representation
+        var bboxMin = this.getBBoxMin();
+        var bboxMax = this.getBBoxMax();
+        var bboxWidth = bboxMax[0] - bboxMin[0];
+        var bboxHeight = bboxMax[1] - bboxMin[1];
+        var bboxMid = [0.5 * (bboxMax[0] + bboxMin[0]), 0.5 * (bboxMax[1] + bboxMin[1]), 0.5 * (bboxMax[2] + bboxMin[2])];
+
+        ctx.clearRect(0, 0, bboxWidth, bboxHeight);
+
+        ctx.lineWidth = this._strokeWidth;
+        ctx.strokeStyle = "black";
+        if (this._strokeColor) {
+            ctx.strokeStyle = MathUtils.colorToHex( this._strokeColor );
+        }
+
+        ctx.fillStyle = "white";
+        if (this._fillColor){
+            //ctx.fillStyle = MathUtils.colorToHex( this._fillColor );
+            var fillColorStr = "rgba("+parseInt(255*this._fillColor[0])+","+parseInt(255*this._fillColor[1])+","+parseInt(255*this._fillColor[2])+","+this._fillColor[3]+")";
+            ctx.fillStyle = fillColorStr;
+        }
+        var lineCap = ['butt','round','square'];
+        ctx.lineCap = lineCap[1];
+        ctx.beginPath();
+
+        /*
+        commenting this out for now because of Chrome bug where coincident endpoints of bezier curve cause the curve to not be rendered
+        var prevAnchor = this.getAnchor(0);
+        ctx.moveTo(prevAnchor.getPosX()-bboxMin[0],prevAnchor.getPosY()-bboxMin[1]);
+        for (var i = 1; i < numAnchors; i++) {
+            var currAnchor = this.getAnchor(i);
+            ctx.bezierCurveTo(prevAnchor.getNextX()-bboxMin[0],prevAnchor.getNextY()-bboxMin[1], currAnchor.getPrevX()-bboxMin[0], currAnchor.getPrevY()-bboxMin[1], currAnchor.getPosX()-bboxMin[0], currAnchor.getPosY()-bboxMin[1]);
+            prevAnchor = currAnchor;
+        }
+        if (this._isClosed === true) {
+            var currAnchor = this.getAnchor(0);
+            ctx.bezierCurveTo(prevAnchor.getNextX()-bboxMin[0],prevAnchor.getNextY()-bboxMin[1], currAnchor.getPrevX()-bboxMin[0], currAnchor.getPrevY()-bboxMin[1], currAnchor.getPosX()-bboxMin[0], currAnchor.getPosY()-bboxMin[1]);
+            prevAnchor = currAnchor;
+            ctx.fill();
+        }
+        */
+
+
+        var numPoints = this._samples.length/3;
+        ctx.moveTo(this._samples[0]-bboxMin[0],this._samples[1]-bboxMin[1]);
+        for (var i=0;i<numPoints;i++){
+            ctx.lineTo(this._samples[3*i]-bboxMin[0],this._samples[3*i + 1]-bboxMin[1]);
+        }
+        if (this._isClosed === true) {
+            ctx.lineTo(this._samples[0]-bboxMin[0],this._samples[1]-bboxMin[1]);
+        }
+        ctx.fill();
+        ctx.stroke();
+        ctx.restore();
+    }; //render()
+
+    this.geomType = function () {
+        return this.GEOM_TYPE_CUBIC_BEZIER;
+    };
+
+    this.setWidth = function (newW) {
+        if (newW<1) {
+            newW=1; //clamp minimum width to 1
+        }
+
+        //scale the contents of this subpath to lie within this width
+        //determine the scale factor by comparing with the old width
+        var oldWidth = this._BBoxMax[0]-this._BBoxMin[0];
+        if (oldWidth<1) {
+            oldWidth=1;
+        }
+
+        var scaleX = newW/oldWidth;
+        if (scaleX===1) {
+            return; //no need to do anything
+        }
+
+        //scale the anchor point positions such that the width of the bbox is the newW
+        var origX = this._BBoxMin[0];
+        var numAnchors = this._Anchors.length;
+        for (var i=0;i<numAnchors;i++){
+            //compute the distance from the bboxMin
+            var oldW = this._Anchors[i].getPosX() - origX;
+            var prevW = this._Anchors[i].getPrevX() - origX;
+            var nextW = this._Anchors[i].getNextX() - origX;
+
+            this._Anchors[i].setPos(origX + oldW*scaleX,this._Anchors[i].getPosY(),this._Anchors[i].getPosZ());
+            this._Anchors[i].setPrevPos(origX + prevW*scaleX,this._Anchors[i].getPrevY(),this._Anchors[i].getPrevZ());
+            this._Anchors[i].setNextPos(origX + nextW*scaleX,this._Anchors[i].getNextY(),this._Anchors[i].getNextZ());
+        }
+        this.makeDirty();