From bb496b4d297e27c596b396c92a0f372b4dedf27c Mon Sep 17 00:00:00 2001
From: Frode Petterson <frode.petterson@amendor.com>
Date: Wed, 4 Dec 2013 15:21:34 +0100
Subject: [PATCH] HPN-36: Fixed semi-fullscreen exit with key.

---
 js/h5p.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/js/h5p.js b/js/h5p.js
index 9f08836..e6244b9 100644
--- a/js/h5p.js
+++ b/js/h5p.js
@@ -104,8 +104,8 @@ H5P.init = function () {
  * @param {function} exitCallback Callback function called when user exits fullscreen.
  * @returns {undefined}
  */
-H5P.fullScreenIframe = function (contentId, obj, exitCallback) {
-  H5P.fullScreen(H5P.jQuery('#iframe-wrapper-' + contentId), obj, exitCallback);
+H5P.fullScreenIframe = function (contentId, obj, exitCallback, $body) {
+  H5P.fullScreen(H5P.jQuery('#h5p-iframe-' + contentId + '-wrapper'), obj, exitCallback, $body);
 };
 
 /**
@@ -116,7 +116,7 @@ H5P.fullScreenIframe = function (contentId, obj, exitCallback) {
  * @returns {undefined}
  */
 H5P.resizeIframe = function (contentId, height) {
-  var iframe = document.getElementById('iframe-' + contentId);
+  var iframe = document.getElementById('h5p-iframe-' + contentId);
   // Don't allow iFrame to grow beyond window height;
   if (height > window.innerHeight) {
     height = window.innerHeight;
@@ -132,13 +132,17 @@ H5P.resizeIframe = function (contentId, height) {
  * @param {function} exitCallback Callback function called when user exits fullscreen.
  * @returns {undefined}
  */
-H5P.fullScreen = function ($el, obj, exitCallback) {
+H5P.fullScreen = function ($el, obj, exitCallback, $body) {
+  if ($body === undefined)  {
+    $body = H5P.$body;
+  }
+  
   if (H5P.isFramed) {
     var $classes = H5P.jQuery('html').add(H5P.$body).add($el);
     $classes.addClass('h5p-fullscreen');
     window.parent.H5P.fullScreenIframe($el.data('content-id'), obj, function () {
       $classes.removeClass('h5p-fullscreen');
-    });
+    }, $body);
 
     return;
   }
@@ -160,7 +164,7 @@ H5P.fullScreen = function ($el, obj, exitCallback) {
       // H5P.jQuery('#h5pfullscreenreplacementplaceholder').before($el).remove();
       $disable.remove();
       H5P.isFullscreen = false;
-      H5P.$body.unbind('keyup', keyup);
+      $body.unbind('keyup', keyup);
 
       H5P.jQuery(".h5p-iframe").each(function (idx, el) {
         H5P.resizeIframe(H5P.jQuery(el).data('content-id'), 0);
@@ -182,7 +186,7 @@ H5P.fullScreen = function ($el, obj, exitCallback) {
       }
     };
     $disable.click(disableSemiFullscreen);
-    H5P.$body.keyup(keyup);
+    $body.keyup(keyup);
   }
   else {
     var first, eventName = H5P.fullScreenBrowserPrefix + 'fullscreenchange';
@@ -467,4 +471,4 @@ if (H5P.jQuery) {
       H5P.init();
     }
   });
-}
\ No newline at end of file
+}