11 files changed, 780 insertions, 36 deletions

diff --git a/js/components/menu/menu-entry.reel/menu-entry.js b/js/components/menu/menu-entry.reel/menu-entry.js
index b9c546ed..ae3469c6 100755
--- a/js/components/menu/menu-entry.reel/menu-entry.js
+++ b/js/components/menu/menu-entry.reel/menu-entry.js
@@ -83,7 +83,7 @@ exports.MenuEntry = Montage.create(Component, {
         }
     },
 
-    handleClick: {
+    captureMousedown: {
         value: function(event) {
             // TODO: Hack! Rework this!
             this.parentComponent.ownerComponent.toggleActivation(this);
@@ -105,7 +105,7 @@ exports.MenuEntry = Montage.create(Component, {
 
             this.topHeaderText.innerHTML = this.data.header;
 
-            this.element.addEventListener("click", this, false);
+            this.element.addEventListener("mousedown", this, true);
 
             Object.defineBinding(this, "menuIsActive", {
                 boundObject: this._menu,
diff --git a/js/components/menu/menu-item.reel/menu-item.js b/js/components/menu/menu-item.reel/menu-item.js
index f9a625a3..5ff6b024 100755
--- a/js/components/menu/menu-item.reel/menu-item.js
+++ b/js/components/menu/menu-item.reel/menu-item.js
@@ -137,7 +137,6 @@ exports.MenuItem = Montage.create(Component, {
 
     captureMousedown: {
         value: function(event) {
-
             if(this.data.radio && this.checked) return;
 
             if( ( this.enabled === true || this.enabled > 0 ) && (this.submenu === false) ) {
diff --git a/js/components/menu/menu.reel/menu.js b/js/components/menu/menu.reel/menu.js
index 50d3f0bc..1560100a 100755
--- a/js/components/menu/menu.reel/menu.js
+++ b/js/components/menu/menu.reel/menu.js
@@ -83,19 +83,12 @@ exports.Menu = Montage.create(Component, {
 
     handleMousedown: {
         value: function(evt) {
-
             if(this.active && (this.getZIndex(evt.target) < 9000 || evt.target.id === "topMenu")) {
                 this._activeEntry.deselect();
                 this._activeEntry = null;
                 this.active = false;
-
-                //console.log(this.rep.objects[1]);
-                //this.controller.content[1].header = "BLAH";
+                this.element.ownerDocument.removeEventListener('mousedown', this, false);
             }
-
-//            console.log(evt.target.style['z-index']);
-//            console.log(this.getZIndex(evt.target));
-
         }
     },
 
diff --git a/js/controllers/clipboard-controller.js b/js/controllers/clipboard-controller.js
new file mode 100644
index 00000000..bc78922c
--- /dev/null
+++ b/js/controllers/clipboard-controller.js
@@ -0,0 +1,698 @@
+/* <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 Montage =           require("montage/core/core").Montage,
+    Component =         require("montage/ui/component").Component,
+    NJUtils     = require("js/lib/NJUtils").NJUtils,
+    World = require("js/lib/drawing/world").World;
+
+var ClipboardController = exports.ClipboardController = Montage.create(Component, {
+    hasTemplate: {
+        value: false
+    },
+
+    deserializedFromTemplate: {
+        value: function() {
+            document.body.addEventListener("copy", this, false);
+            document.body.addEventListener("cut", this, false);
+            document.body.addEventListener("paste", this, false);
+
+            //ninja menu events
+            this.eventManager.addEventListener("executeCut", this, false);
+            this.eventManager.addEventListener("executeCopy", this, false);
+            this.eventManager.addEventListener("executePaste", this, false);
+
+        }
+    },
+
+    clipboardOperationsAgent:{//appropriate agent instant required for execution of cut/copy/paste
+        value: null
+    },
+
+    //count how many times pasted
+    //used to move multiple pastes of same copy
+    pasteCounter:{
+        value: 0
+    },
+
+    copiedObjects:{
+        value: {}
+    },
+
+    _copyFlag:{
+        value:false
+    },
+
+    copyFlag:{
+        get:function(){return this._copyFlag;},
+        set:function(value){this._copyFlag = value;}
+    },
+
+    _newCopyFlag:{
+        value:true
+    },
+
+    newCopyFlag:{
+        get:function(){return this._newCopyFlag;},
+        set:function(value){this._newCopyFlag = value;}
+    },
+
+    handleExecuteCopy:{
+        value: function(){document.execCommand('copy',false,null);}
+    },
+
+    handleExecuteCut:{
+        value: function(){document.execCommand('cut',false,null);}
+    },
+
+    handleExecutePaste:{
+        value: function(){document.execCommand('paste',false,null);}
+    },
+
+    handleCopy:{
+        value:function(clipboardEvent){
+            if(!this.application.ninja.currentDocument
+                || (this.application.ninja.currentDocument && this.application.ninja.currentDocument.currentView === "code")){
+
+                return;
+            }//for design view only
+
+            // Don't do anything if an input or other control is focused
+            if(document.activeElement.nodeName !== "BODY") {
+                return;
+            }
+
+            this.copy(clipboardEvent);
+
+            clipboardEvent.preventDefault();
+        }
+    },
+
+    handleCut:{
+        value:function(clipboardEvent){
+            if(this.application.ninja.currentDocument.currentView === "code") return;
+
+            // Don't do anything if an input or other control is focused
+            if(document.activeElement.nodeName !== "BODY") {
+                return;
+            }
+
+            this.cut(clipboardEvent);
+
+            clipboardEvent.preventDefault();
+        }
+    },
+
+    handlePaste:{
+        value:function(clipboardEvent){
+            var clipboardData = clipboardEvent.clipboardData,
+                ninjaData = clipboardData.getData("ninja"),
+                htmlData = clipboardData.getData("text/html"),
+                textData = clipboardData.getData("text/plain"),
+                i=0,
+                imageMime, imageData, imageElement;
+
+            if(!this.application.ninja.currentDocument
+                || (this.application.ninja.currentDocument && this.application.ninja.currentDocument.currentView === "code")){
+
+                return;
+            }//for design view only
+
+            // Don't do anything if an input or other control is focused
+            if(document.activeElement.nodeName !== "BODY") {
+                return;
+            }
+
+            //TODO: return if stage is not focussed
+
+            this.pasteCounter++;
+
+            if(ninjaData){
+                if(this.copiedObjects.copy){this.pasteFromCopy();}
+                else if(this.copiedObjects.cut){this.pasteFromCut();}
+            }
+            else{
+
+                //handle image blobs
+                if(clipboardData.items &&  (clipboardData.items.length > 0)){
+                    for(i=0; i < clipboardData.items.length; i++ ){
+                        if((clipboardData.items[i].kind === "file") && (clipboardData.items[i].type.indexOf("image") === 0)){//example type -> "image/png"
+                            imageMime = clipboardData.items[i].type;
+                            imageData = clipboardData.items[i].getAsFile();