7 files changed, 24 insertions, 16 deletions

diff --git a/node_modules/montage-google/feed-reader/feed-entry.reel/feed-entry.html b/node_modules/montage-google/feed-reader/feed-entry.reel/feed-entry.html
index b8b9f39a..332b2932 100644
--- a/node_modules/montage-google/feed-reader/feed-entry.reel/feed-entry.html
+++ b/node_modules/montage-google/feed-reader/feed-entry.reel/feed-entry.html
@@ -45,7 +45,7 @@
         }
     },
     "owner": {
-        "prototype": "montage-google/feed-reader/feed-entry.reel",
+        "prototype": "feed-reader/feed-entry.reel",
         "properties": {
             "element": {"#": "feed-entry"}
         }
diff --git a/node_modules/montage-google/feed-reader/feed-reader.reel/feed-reader.html b/node_modules/montage-google/feed-reader/feed-reader.reel/feed-reader.html
index 99a353b9..4d6792a1 100644
--- a/node_modules/montage-google/feed-reader/feed-reader.reel/feed-reader.html
+++ b/node_modules/montage-google/feed-reader/feed-reader.reel/feed-reader.html
@@ -24,7 +24,7 @@
     },
 
     "feedEntry": {
-        "prototype": "montage-google/feed-reader/feed-entry.reel",
+        "prototype": "feed-reader/feed-entry.reel",
         "properties": {
             "element": {"#": "feed-entry"}
         },
@@ -38,7 +38,7 @@
     },
 
     "owner": {
-        "prototype": "montage-google/feed-reader/feed-reader.reel",
+        "prototype": "feed-reader/feed-reader.reel",
         "properties": {
             "element": {"#": "feed-reader"}
         }
diff --git a/node_modules/montage-google/map.reel/map.html b/node_modules/montage-google/map.reel/map.html
index fee3a38e..bd41f47e 100644
--- a/node_modules/montage-google/map.reel/map.html
+++ b/node_modules/montage-google/map.reel/map.html
@@ -15,7 +15,7 @@
     {
         
         "owner": {
-            "prototype": "montage-google/map.reel",
+            "prototype": "map.reel",
             "properties": {
                 "element": {"#": "map-container"},
                 "mapEl": {"#": "map"}
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
index f7c8a766..dc70a19c 100755
--- a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
@@ -12,7 +12,7 @@
     <script type="text/montage-serialization">
     {
         "owner": {
-            "prototype": "montage-google/picasa-carousel.reel",
+            "prototype": "picasa-carousel.reel",
             "properties": {
                 "element": {"#": "montage-google-picasa-carousel"},
                 "flow": {"@": "flow"}
@@ -29,7 +29,7 @@
             }
         },
         "image": {
-            "prototype": "montage-google/picasa-carousel.reel/image.reel",
+            "prototype": "picasa-carousel.reel/image.reel",
             "properties": {
                 "element": {"#": "image"}
             },
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
index 99a8a698..112fda72 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
@@ -10,7 +10,7 @@
     <script type="text/montage-serialization">
     {
         "player": {
-            "prototype": "montage-google/youtube-player.reel",
+            "prototype": "youtube-player.reel",
             "properties": {
                 "element": {"#": "player"}
             }
@@ -41,7 +41,7 @@
         },
 
         "owner": {
-            "module": "montage-google/youtube-channel.reel",
+            "module": "youtube-channel.reel",
             "name": "YoutubeChannel",
             "properties": {
                 "element": {"#": "container"},
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
index 18ea7923..782318f0 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
@@ -137,6 +137,9 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
             if (this._shouldShowPopup) {
                 this._positionPopup();
 
+                // Need the video to be on top
+                this._element.style.zIndex = 9000;
+
                 // Fix for Canary where the thumbnail in the video doesn't
                 // change until the CSS transition has finished, so wait for
                 // it to change before starting the animation
@@ -163,6 +166,10 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
                     document.removeEventListener('keyup', this);
                 }
 
+                // take the video from the top only once it's stopped animating
+                window.setTimeout(function() {
+                    this._element.style.zIndex = null;
+                }, 500);
             }
 
         }
@@ -175,21 +182,22 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
 
     _positionPopup: {
         value: function() {
+            var doc = this._element.ownerDocument;
 
-            var viewport = this._element.parentNode;
-            var viewportStyle = window.getComputedStyle(viewport);
-
-            this.player.width = viewportStyle.width;
-            this.player.height = viewportStyle.height;
+            this.player.width = doc.width;
+            this.player.height = doc.height;
 
             // // Chrome
             // viewport.insertBefore(this._popupElement, viewport.firstChild);
             // this._popupElement.style.top = viewport.offsetTop;
             // this._popupElement.style.left = viewport.offsetLeft;
 
+            var computedStyle = window.getComputedStyle(doc.body);
+
             // Canary
-            this._popupElement.style.top =  - (this._element.offsetTop || 0) + 'px';
-            this._popupElement.style.left = - (this._element.offsetLeft || 0) + 'px';
+            // remove the body margin
+            this._popupElement.style.top =  - (this._element.offsetTop || 0) - parseInt(computedStyle.marginTop, 10) + 'px';
+            this._popupElement.style.left = - (this._element.offsetLeft || 0) - parseInt(computedStyle.marginLeft, 10) + 'px';
         }
     },
 
diff --git a/node_modules/montage-google/youtube-player.reel/youtube-player.html b/node_modules/montage-google/youtube-player.reel/youtube-player.html
index d51cecdb..41e5922b 100644
--- a/node_modules/montage-google/youtube-player.reel/youtube-player.html
+++ b/node_modules/montage-google/youtube-player.reel/youtube-player.html
@@ -11,7 +11,7 @@
     <script type="text/montage-serialization">
     {
         "owner": {
-            "prototype": "montage-google/youtube-player.reel",
+            "prototype": "youtube-player.reel",
             "properties": {
                 "element": {"#": "iframe"}
             }