allow outer frames to set options

static/js/document.js

@@ -24,6 +24,12 @@ pandora.ui.document = function() {
             ],
             orientation: 'vertical'
         })
+        .update(function(key, value) {
+            console.log('got update', key, value)
+            if (Ox.contains(['area', 'zoom', 'page'], key)) {
+                $content.options(key, value)
+            }
+        })
         .bindEvent({
             pandora_showbrowser: function(data) {
                 that.update();

static/js/editPanel.js

@@ -515,7 +515,9 @@ pandora.ui.editPanel = function(isEmbed) {
             },
         });
         pandora.$ui.embedPanel.replaceWith(that);
+        pandora.$ui.embedPanel = that;
         updateSmallTimelineURL();
+        Ox.$parent.postMessage('loaded');
     }
 
     function orderClips(ids) {

static/js/embedDocument.js

@@ -3,7 +3,6 @@
 'use strict';
 
 pandora.ui.embedDocument = function() {
-    var that = Ox.Element();
+    var that = pandora.ui.document();
-    pandora.ui.document().appendTo(that)
     return that;
 };

static/js/embedPlayer.js

@@ -1,8 +1,11 @@
 'use strict';
 
 pandora.ui.embedPlayer = function() {
-
+    var self = {};
-    var that = Ox.Element(),
+    var that = Ox.Element({}, self)
+        .update(function(key, value) {
+            $player.options(key, value);
+        }),
         ui = pandora.user.ui,
         defaults = {
             annotationsRange: ui.annotationsRange,
@@ -139,6 +142,9 @@ pandora.ui.embedPlayer = function() {
                 playing: function(data) {
                     setPosition(data.position, true);
                 },
+                paused: function(data) {
+                    self.options.position = data.paused
+                },
                 position: function(data) {
                     setPosition(data.position);
                 },
@@ -154,7 +160,7 @@ pandora.ui.embedPlayer = function() {
                 }
             })
             .bindEvent(function(data, event) {
-                if (Ox.contains(['close', 'paused', 'position'], event)) {
+                if (Ox.contains(['close', 'paused', 'position', 'playing'], event)) {
                     Ox.$parent.postMessage(event, data);
                 }
             });
@@ -343,6 +349,7 @@ pandora.ui.embedPlayer = function() {
     }
 
     function setPosition(position, playing) {
+        self.options.position = position
         !playing && $player.options({position: position});
         options.showTimeline && $timeline.options({position: position});
         options.showAnnotations && $annotations.options({position: position});

static/js/pandora.js

@@ -442,6 +442,9 @@ appPanel
                             if (pandora.isEmbedURL(data.url)) {
                                 pandora.URL.push(data.url);
                             }
+                        },
+                        options: function(data) {
+                            pandora.$ui.embedPanel.options(data);
                         }
                     });
                 } else if (isPrint) {