From 6c549ec80bff91d4c17259fd41a5f5c7b092a787 Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Tue, 1 Sep 2015 00:15:10 -0400 Subject: [PATCH] update jqm --- dashboard-ui/autoorganizelog.html | 2 +- dashboard-ui/css/mediaplayer-video.css | 40 +- dashboard-ui/dlnaprofile.html | 2 +- dashboard-ui/edititemmetadata.html | 8 +- dashboard-ui/library.html | 2 +- dashboard-ui/scheduledtask.html | 2 +- dashboard-ui/scripts/directorybrowser.js | 5 +- dashboard-ui/scripts/externalplayer.js | 208 +-- dashboard-ui/scripts/librarylist.js | 6 +- dashboard-ui/scripts/livetvcomponents.js | 50 +- dashboard-ui/scripts/mediaplayer-video.js | 3 +- dashboard-ui/scripts/ratingdialog.js | 7 + dashboard-ui/scripts/site.js | 76 +- dashboard-ui/scripts/userprofilespage.js | 54 +- dashboard-ui/supporterkey.html | 2 +- .../jquerymobile-1.4.5/jqm.popup.css | 362 +++++ .../jquerymobile-1.4.5/jqm.popup.js | 1188 ++++++++++++++++ .../jquery.mobile.custom.js | 1217 +---------------- .../jquery.mobile.custom.structure.css | 352 ----- .../jquery.mobile.custom.theme.css | 7 - dashboard-ui/userparentalcontrol.html | 2 +- dashboard-ui/userprofiles.html | 2 +- dashboard-ui/wizardlibrary.html | 2 +- 23 files changed, 1793 insertions(+), 1806 deletions(-) create mode 100644 dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.css create mode 100644 dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.js diff --git a/dashboard-ui/autoorganizelog.html b/dashboard-ui/autoorganizelog.html index c732341fd..e26e1f0d2 100644 --- a/dashboard-ui/autoorganizelog.html +++ b/dashboard-ui/autoorganizelog.html @@ -4,7 +4,7 @@ ${TitleAutoOrganize} -
+
diff --git a/dashboard-ui/css/mediaplayer-video.css b/dashboard-ui/css/mediaplayer-video.css index 7054a6068..b2bf91b19 100644 --- a/dashboard-ui/css/mediaplayer-video.css +++ b/dashboard-ui/css/mediaplayer-video.css @@ -312,42 +312,4 @@ -webkit-transform: scale(1); opacity: 0; } -} - -.videoPlayerPopupContent { - width: 200px; -} - -.videoChaptersPopup .videoPlayerPopupContent { - width: 300px; -} - -.videoChapterPopupImage { - position: absolute; - top: 0; - left: 0; - width: 80px; - height: 80px; - background-repeat: no-repeat; - background-size: cover; - background-position: center center; -} - -.videoPlayerPopupScroller { - overflow-y: auto; - overflow-x: hidden; - max-height: 180px; -} - -@media all and (min-height: 500px) { - .videoPlayerPopupScroller { - max-height: 300px; - } -} - - -@media all and (min-height: 600px) { - .videoPlayerPopupScroller { - max-height: 400px; - } -} +} \ No newline at end of file diff --git a/dashboard-ui/dlnaprofile.html b/dashboard-ui/dlnaprofile.html index 5cdaee225..07f7896b3 100644 --- a/dashboard-ui/dlnaprofile.html +++ b/dashboard-ui/dlnaprofile.html @@ -4,7 +4,7 @@ ${TitleDlna} -
+
diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html index 6e2e2cd3f..49132b734 100644 --- a/dashboard-ui/edititemmetadata.html +++ b/dashboard-ui/edititemmetadata.html @@ -4,7 +4,7 @@ Emby -
+
@@ -227,7 +227,7 @@
-
+
${LabelDisplaySpecialsWithinSeasons}
@@ -343,7 +343,7 @@
-
+

${HeaderSearchForSubtitles}

@@ -556,7 +556,7 @@
-
+
Close 

diff --git a/dashboard-ui/library.html b/dashboard-ui/library.html
index 387704ff9..5ba5bd39f 100644
--- a/dashboard-ui/library.html
+++ b/dashboard-ui/library.html
@@ -4,7 +4,7 @@
     ${TitleMediaLibrary}
 
 
-    

+    

 
         

             

diff --git a/dashboard-ui/scheduledtask.html b/dashboard-ui/scheduledtask.html
index f100fce9f..81a7e3410 100644
--- a/dashboard-ui/scheduledtask.html
+++ b/dashboard-ui/scheduledtask.html
@@ -4,7 +4,7 @@
     ${TitleScheduledTasks}
 
 
-    

+    

         

             

 
diff --git a/dashboard-ui/scripts/directorybrowser.js b/dashboard-ui/scripts/directorybrowser.js
index 788fbcdb8..8de940385 100644
--- a/dashboard-ui/scripts/directorybrowser.js
+++ b/dashboard-ui/scripts/directorybrowser.js
@@ -214,7 +214,10 @@
         self.show = function (options) {
 
             getSystemInfo().done(function (systemInfo) {
-                show(self, page, options, systemInfo);
+
+                require(['jqmpopup'], function() {
+                    show(self, page, options, systemInfo);
+                });
             });
         };
 
diff --git a/dashboard-ui/scripts/externalplayer.js b/dashboard-ui/scripts/externalplayer.js
index 94c231e03..cf84a253a 100644
--- a/dashboard-ui/scripts/externalplayer.js
+++ b/dashboard-ui/scripts/externalplayer.js
@@ -299,106 +299,108 @@
 
     function showPostPlayMenu(item) {
 
-        $('.externalPlayerPostPlayFlyout').popup("close").remove();
-
-        var html = '
';
-
-        html += '
    ';
-        html += '
  • ' + Globalize.translate('HeaderExternalPlayerPlayback') + '
    • ';
-        html += '
';
-
-        html += '
';
-
-        var autoMarkWatched = item.RunTimeTicks;
-
-        if (item.RunTimeTicks && item.RunTimeTicks >= 3000000000) {
-
-            autoMarkWatched = false;
-
-            html += '
';
-            html += '' + Globalize.translate('LabelMarkAs') + '';
-            html += '';
-            html += '';
-            html += '';
-            html += '';
-            html += '';
-            html += '';
-            html += '
';
-
-            html += '
';
-
-            html += '
' + Globalize.translate('LabelResumePoint') + '
';
-
-            html += '
';
-            html += '';
-            html += '
';
-            html += '
0:00:00
';
-
-            html += '
';
-        }
-
-        html += '';
-
-        html += '
';
-
-        html += '
';
-
-        $(document.body).append(html);
-
-        var elem = $('.externalPlayerPostPlayFlyout').popup({}).trigger('create').popup("open").on("popupafterclose", function () {
-
-            $(this).off("popupafterclose").remove();
-
-        });
-
-        $('.radioPlaystate', elem).on('change', function () {
-
-            if ($('#radioMarkInProgress', elem).checked()) {
-
-                $('.playstateSlider', elem).slider('enable');
-
-            } else {
-                $('.playstateSlider', elem).slider('disable');
-            }
-
-        }).trigger('change');
-
-        $('.btnDone', elem).on('click', function () {
-
+        require(['jqmpopup'], function() {
             $('.externalPlayerPostPlayFlyout').popup("close").remove();
 
-            var position = 0;
+            var html = '
';
 
-            if ($('#radioMarkInProgress', elem).checked()) {
+            html += '
    ';
+            html += '
  • ' + Globalize.translate('HeaderExternalPlayerPlayback') + '
    • ';
+            html += '
';
 
-                var pct = $(".playstateSlider", elem).val();
-                var ticks = item.RunTimeTicks * (Number(pct) * .01);
+            html += '
';
 
-                position = ticks;
+            var autoMarkWatched = item.RunTimeTicks;
+
+            if (item.RunTimeTicks && item.RunTimeTicks >= 3000000000) {
+
+                autoMarkWatched = false;
+
+                html += '
';
+                html += '' + Globalize.translate('LabelMarkAs') + '';
+                html += '';
+                html += '';
+                html += '';
+                html += '';
+                html += '';
+                html += '';
+                html += '
';
+
+                html += '
';
+
+                html += '
' + Globalize.translate('LabelResumePoint') + '
';
+
+                html += '
';
+                html += '';
+                html += '
';
+                html += '
0:00:00
';
+
+                html += '
';
             }
-            else if (autoMarkWatched || $('#radioMarkWatched', elem).checked()) {
 
-                position = currentMediaSource.RunTimeTicks;
-            }
-            else if ($('#radioMarkUnwatched', elem).checked()) {
+            html += '';
 
-                position = 0;
-            }
-            onPlaybackStopped(position);
-        });
+            html += '
';
 
-        $(".playstateSlider", elem).on("change", function (e) {
+            html += '
';
 
-            var pct = $(this).val();
+            $(document.body).append(html);
 
-            var time = item.RunTimeTicks * (Number(pct) * .01);
+            var elem = $('.externalPlayerPostPlayFlyout').popup({}).trigger('create').popup("open").on("popupafterclose", function () {
 
-            var tooltext = Dashboard.getDisplayTime(time);
+                $(this).off("popupafterclose").remove();
 
-            $('.sliderValue', elem).html(tooltext);
+            });
 
-            Logger.log("slidin", pct, self.currentDurationTicks, time);
+            $('.radioPlaystate', elem).on('change', function () {
 
+                if ($('#radioMarkInProgress', elem).checked()) {
+
+                    $('.playstateSlider', elem).slider('enable');
+
+                } else {
+                    $('.playstateSlider', elem).slider('disable');
+                }
+
+            }).trigger('change');
+
+            $('.btnDone', elem).on('click', function () {
+
+                $('.externalPlayerPostPlayFlyout').popup("close").remove();
+
+                var position = 0;
+
+                if ($('#radioMarkInProgress', elem).checked()) {
+
+                    var pct = $(".playstateSlider", elem).val();
+                    var ticks = item.RunTimeTicks * (Number(pct) * .01);
+
+                    position = ticks;
+                }
+                else if (autoMarkWatched || $('#radioMarkWatched', elem).checked()) {
+
+                    position = currentMediaSource.RunTimeTicks;
+                }
+                else if ($('#radioMarkUnwatched', elem).checked()) {
+
+                    position = 0;
+                }
+                onPlaybackStopped(position);
+            });
+
+            $(".playstateSlider", elem).on("change", function (e) {
+
+                var pct = $(this).val();
+
+                var time = item.RunTimeTicks * (Number(pct) * .01);
+
+                var tooltext = Dashboard.getDisplayTime(time);
+
+                $('.sliderValue', elem).html(tooltext);
+
+                Logger.log("slidin", pct, self.currentDurationTicks, time);
+
+            });
         });
     }
 
@@ -408,37 +410,39 @@
 
     function showMenuForItem(item, players) {
 
-        closePlayMenu();
+        require(['jqmpopup'], function () {
+            closePlayMenu();
 
-        var html = '
';
+            var html = '
';
 
-        html += '
    ';
-        html += '
  • ' + Globalize.translate('HeaderSelectExternalPlayer') + '
    • ';
-        html += '
';
+            html += '
    ';
+            html += '
  • ' + Globalize.translate('HeaderSelectExternalPlayer') + '
    • ';
+            html += '
';
 
-        html += '
';
+            html += '
';
 
-        html += players.map(function (p) {
+            html += players.map(function (p) {
 
-            return '' + p.name + '';
+                return '' + p.name + '';
 
-        }).join('');
+            }).join('');
 
-        html += '
';
+            html += '
';
 
-        html += '
';
+            html += '
';
 
-        $(document.body).append(html);
+            $(document.body).append(html);
 
-        var elem = $('.externalPlayerFlyout').popup({}).trigger('create').popup("open").on("popupafterclose", function () {
+            var elem = $('.externalPlayerFlyout').popup({}).trigger('create').popup("open").on("popupafterclose", function () {
 
-            $(this).off("popupafterclose").remove();
+                $(this).off("popupafterclose").remove();
 
-        });
+            });
 
-        $('.btnExternalPlayer', elem).on('click', function () {
+            $('.btnExternalPlayer', elem).on('click', function () {
 
-            ExternalPlayer.onPlaybackStart();
+                ExternalPlayer.onPlaybackStart();
+            });
         });
     }
 
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index 1d436d436..b8b8c23df 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -787,9 +787,11 @@
 
         var context = options.context;
 
-        var elem = getItemsOverlay(options.ids, context);
+        require(['jqmpopup'], function () {
+            var elem = getItemsOverlay(options.ids, context);
 
-        setItemIntoOverlay(elem, 0);
+            setItemIntoOverlay(elem, 0);
+        });
     }
 
     function onCardClick(e) {
diff --git a/dashboard-ui/scripts/livetvcomponents.js b/dashboard-ui/scripts/livetvcomponents.js
index 654f7fe63..41cdfb4b2 100644
--- a/dashboard-ui/scripts/livetvcomponents.js
+++ b/dashboard-ui/scripts/livetvcomponents.js
@@ -149,41 +149,43 @@
 
     function showOverlay(elem, item) {
 
-        $('.itemFlyout').popup('close').remove();
+        require(['jqmpopup'], function () {
+            $('.itemFlyout').popup('close').remove();
 
-        var html = '
';
+            var html = '
';
 
-        html += '
';
-        html += '
' + item.Name + '
';
-        html += '
';
+            html += '
';
+            html += '
' + item.Name + '
';
+            html += '
';
 
-        html += '
';
-        html += getOverlayHtml(item);
-        html += '
';
+            html += '
';
+            html += getOverlayHtml(item);
+            html += '
';
 
-        html += '
';
+            html += '
';
 
-        $('.itemFlyout').popup('close').popup('destroy').remove();
+            $('.itemFlyout').popup('close').popup('destroy').remove();
 
-        $(document.body).append(html);
+            $(document.body).append(html);
 
-        var popup = $('.itemFlyout').on('mouseenter', onOverlayMouseOver).on('mouseleave', onOverlayMouseOut).popup({
+            var popup = $('.itemFlyout').on('mouseenter', onOverlayMouseOver).on('mouseleave', onOverlayMouseOut).popup({
 
-            positionTo: elem
+                positionTo: elem
 
-        }).trigger('create').popup("open").on("popupafterclose", function () {
+            }).trigger('create').popup("open").on("popupafterclose", function () {
 
-            $(this).off("popupafterclose").off("mouseenter").off("mouseleave").remove();
+                $(this).off("popupafterclose").off("mouseenter").off("mouseleave").remove();
+            });
+
+            $('.btnPlay', popup).on('click', onPlayClick);
+            $('.btnRecord', popup).on('click', onRecordClick);
+
+            LibraryBrowser.renderGenres($('.itemGenres', popup), item, 3);
+            $('.miscTvProgramInfo', popup).html(LibraryBrowser.getMiscInfoHtml(item)).trigger('create');
+
+            popup.parents().prev('.ui-popup-screen').remove();
+            currentPosterItem = elem;
         });
-
-        $('.btnPlay', popup).on('click', onPlayClick);
-        $('.btnRecord', popup).on('click', onRecordClick);
-
-        LibraryBrowser.renderGenres($('.itemGenres', popup), item, 3);
-        $('.miscTvProgramInfo', popup).html(LibraryBrowser.getMiscInfoHtml(item)).trigger('create');
-
-        popup.parents().prev('.ui-popup-screen').remove();
-        currentPosterItem = elem;
     }
 
     function onProgramClicked() {
diff --git a/dashboard-ui/scripts/mediaplayer-video.js b/dashboard-ui/scripts/mediaplayer-video.js
index bff6dc876..6e20b30e6 100644
--- a/dashboard-ui/scripts/mediaplayer-video.js
+++ b/dashboard-ui/scripts/mediaplayer-video.js
@@ -688,7 +688,6 @@
             html += '';
 
             html += '';
-            html += '
';
 
             html += '';
 
@@ -1069,7 +1068,7 @@
             }
 
             if (item.Chapters && item.Chapters.length && supportsContentOverVideoPlayer()) {
-                $('.videoChaptersButton').show();
+                $('.videoChaptersButton').hide();
             } else {
                 $('.videoChaptersButton').hide();
             }
diff --git a/dashboard-ui/scripts/ratingdialog.js b/dashboard-ui/scripts/ratingdialog.js
index 58a95626e..a1c621aa8 100644
--- a/dashboard-ui/scripts/ratingdialog.js
+++ b/dashboard-ui/scripts/ratingdialog.js
@@ -6,6 +6,13 @@
 
         self.show = function (options) {
 
+            require(['jqmpopup'], function () {
+                self.showInternal(options);
+            });
+        };
+
+        self.showInternal = function (options) {
+
             options = options || {};
 
             options.header = options.header || Globalize.translate('HeaderRateAndReview');
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 81d41bb69..a26867c6b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -32,7 +32,7 @@ var Dashboard = {
         //$.mobile.listview.prototype.options.dividerTheme = "b";
 
         //$.mobile.popup.prototype.options.theme = "c";
-        $.mobile.popup.prototype.options.transition = "none";
+        //$.mobile.popup.prototype.options.transition = "none";
 
         //$.mobile.keepNative = "textarea";
 
@@ -1657,20 +1657,6 @@ var Dashboard = {
         Dashboard.initPromise.done(fn);
     },
 
-    firePageEvent: function (page, name, dependencies) {
-
-        Dashboard.ready(function () {
-
-            if (dependencies && dependencies.length) {
-                require(dependencies, function () {
-                    Events.trigger(page, name);
-                });
-            } else {
-                Events.trigger(page, name);
-            }
-        });
-    },
-
     loadExternalPlayer: function () {
 
         var deferred = DeferredBuilder.Deferred();
@@ -2117,6 +2103,11 @@ var AppInfo = {};
             return {};
         });
 
+        define("jqmpopup", ["thirdparty/jquerymobile-1.4.5/jqm.popup"], function () {
+            Dashboard.importCss('thirdparty/jquerymobile-1.4.5/jqm.popup.css');
+            return {};
+        });
+
         $.extend(AppInfo, Dashboard.getAppInfo(appName, deviceId, deviceName));
 
         var drawer = document.querySelector('.mainDrawerPanel');
@@ -2175,17 +2166,37 @@ var AppInfo = {};
                     var newHtml = mainDrawerPanelContent.innerHTML.substring(4);
                     newHtml = newHtml.substring(0, newHtml.length - 3);
 
-                    mainDrawerPanelContent.innerHTML = Globalize.translateDocument(newHtml, 'html');
+                    var srch = 'data-require=';
+                    var index = newHtml.indexOf(srch);
+
+                    if (index != -1) {
+
+                        var requireAttribute = newHtml.substring(index + srch.length + 1);
+
+                        requireAttribute = requireAttribute.substring(0, requireAttribute.indexOf('"'));
+                        var depends = requireAttribute.split(',');
+
+                        require(depends, function () {
+                            mainDrawerPanelContent.innerHTML = Globalize.translateDocument(newHtml, 'html');
+                            onAppReady(deferred);
+                        });
+                        return;
+
+                    }
                 }
 
-                onDocumentReady();
-                Dashboard.initPromiseDone = true;
-                $.mobile.initializePage();
-                deferred.resolve();
+                onAppReady(deferred);
             });
         });
     }
 
+    function onAppReady(deferred) {
+        onDocumentReady();
+        Dashboard.initPromiseDone = true;
+        $.mobile.initializePage();
+        deferred.resolve();
+    }
+
     function initCordovaWithDeviceId(deferred, deviceId) {
 
         require(['cordova/imagestore']);
@@ -2264,35 +2275,16 @@ $(document).on('pagecreate', ".page", function () {
 }).on('pageinit', ".page", function () {
 
     var page = this;
-
-    var dependencies = this.getAttribute('data-require');
-    dependencies = dependencies ? dependencies.split(',') : null;
-
-    if (!page.classList.contains('libraryPage')) {
-        dependencies = dependencies || [];
-        dependencies.push('jqmicons');
-    }
-
-    Dashboard.firePageEvent(page, 'pageinitdepends', dependencies);
+    Events.trigger(page, 'pageinitdepends');
 
 }).on('pagebeforeshow', ".page", function () {
 
     var page = this;
-    var dependencies = this.getAttribute('data-require');
-
     Dashboard.ensurePageTitle(page);
-    dependencies = dependencies ? dependencies.split(',') : null;
-    Dashboard.firePageEvent(page, 'pagebeforeshowready', dependencies);
+    Events.trigger(page, 'pagebeforeshowready');
 
 }).on('pageshow', ".page", function () {
 
-    var page = this;
-    var dependencies = this.getAttribute('data-require');
-    dependencies = dependencies ? dependencies.split(',') : null;
-    Dashboard.firePageEvent(page, 'pageshowbeginready', dependencies);
-
-}).on('pageshowbeginready', ".page", function () {
-
     var page = this;
 
     var apiClient = window.ApiClient;
@@ -2334,7 +2326,7 @@ $(document).on('pagecreate', ".page", function () {
         }
     }
 
-    Dashboard.firePageEvent(page, 'pageshowready');
+    Events.trigger(page, 'pageshowready');
 
     Dashboard.ensureHeader(page);
 
diff --git a/dashboard-ui/scripts/userprofilespage.js b/dashboard-ui/scripts/userprofilespage.js
index 7cd00ec05..f5d628bc6 100644
--- a/dashboard-ui/scripts/userprofilespage.js
+++ b/dashboard-ui/scripts/userprofilespage.js
@@ -218,34 +218,36 @@
 
     function showPendingUserMenu(elem) {
 
-        var card = $(elem).parents('.card');
-        var page = $(elem).parents('.page');
-        var id = card.attr('data-id');
+        require(['jqmpopup'], function() {
+            var card = $(elem).parents('.card');
+            var page = $(elem).parents('.page');
+            var id = card.attr('data-id');
 
-        $('.userMenu', page).popup("close").remove();
-
-        var html = '
';
-
-        html += '';
-
-        html += '
';
-
-        page.append(html);
-
-        var flyout = $('.userMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () {
-
-            $(this).off("popupafterclose").remove();
-
-        });
-
-        $('.btnDelete', flyout).on('click', function () {
-            cancelAuthorization(page, this.getAttribute('data-id'));
             $('.userMenu', page).popup("close").remove();
+
+            var html = '
';
+
+            html += '';
+
+            html += '
';
+
+            page.append(html);
+
+            var flyout = $('.userMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () {
+
+                $(this).off("popupafterclose").remove();
+
+            });
+
+            $('.btnDelete', flyout).on('click', function () {
+                cancelAuthorization(page, this.getAttribute('data-id'));
+                $('.userMenu', page).popup("close").remove();
+            });
         });
     }
 
diff --git a/dashboard-ui/supporterkey.html b/dashboard-ui/supporterkey.html
index 14df9a3fc..17df68366 100644
--- a/dashboard-ui/supporterkey.html
+++ b/dashboard-ui/supporterkey.html
@@ -4,7 +4,7 @@
     ${TitleSupport}
 
 
-    

+    

 
         

             

diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.css
new file mode 100644
index 000000000..e79f7bf7d
--- /dev/null
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.css
@@ -0,0 +1,362 @@
+.ui-popup-open .ui-header-fixed,
+.ui-popup-open .ui-footer-fixed {
+	position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
+}
+.ui-popup-screen {
+	background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 1px;
+	position: absolute;
+	filter: Alpha(Opacity=0);
+	opacity: 0;
+	z-index: 1099;
+}
+.ui-popup-screen.in {
+	opacity: 0.5;
+	filter: Alpha(Opacity=50);
+}
+.ui-popup-screen.out {
+	opacity: 0;
+	filter: Alpha(Opacity=0);
+}
+.ui-popup-container {
+	z-index: 1100;
+	display: inline-block;
+	position: absolute;
+	padding: 0;
+	outline: 0;
+}
+.ui-popup {
+	position: relative;
+}
+.ui-popup.ui-body-inherit {
+	border-width: 1px;
+	border-style: solid;
+}
+.ui-popup-hidden {
+	left: 0;
+	top: 0;
+	position: absolute !important;
+	visibility: hidden;
+}
+.ui-popup-truncate {
+	height: 1px;
+	width: 1px;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(1px,1px,1px,1px);
+}
+.ui-popup.ui-content,
+.ui-popup .ui-content {
+	overflow: visible;
+}
+.ui-popup > .ui-header {
+	border-top-width: 0;
+}
+.ui-popup > .ui-footer {
+	border-bottom-width: 0;
+}
+.ui-popup > p,
+.ui-popup > h1,
+.ui-popup > h2,
+.ui-popup > h3,
+.ui-popup > h4,
+.ui-popup > h5,
+.ui-popup > h6 {
+	margin: .5em .4375em;
+}
+.ui-popup > span {
+	display: block;
+	margin: .5em .4375em;
+}
+.ui-popup-container .ui-content > p,
+.ui-popup-container .ui-content > h1,
+.ui-popup-container .ui-content > h2,
+.ui-popup-container .ui-content > h3,
+.ui-popup-container .ui-content > h4,
+.ui-popup-container .ui-content > h5,
+.ui-popup-container .ui-content > h6 {
+	margin: .5em 0;
+}
+.ui-popup-container .ui-content > span {
+	margin: 0;
+}
+.ui-popup-container .ui-content > p:first-child,
+.ui-popup-container .ui-content > h1:first-child,
+.ui-popup-container .ui-content > h2:first-child,
+.ui-popup-container .ui-content > h3:first-child,
+.ui-popup-container .ui-content > h4:first-child,
+.ui-popup-container .ui-content > h5:first-child,
+.ui-popup-container .ui-content > h6:first-child {
+	margin-top: 0;
+}
+.ui-popup-container .ui-content > p:last-child,
+.ui-popup-container .ui-content > h1:last-child,
+.ui-popup-container .ui-content > h2:last-child,
+.ui-popup-container .ui-content > h3:last-child,
+.ui-popup-container .ui-content > h4:last-child,
+.ui-popup-container .ui-content > h5:last-child,
+.ui-popup-container .ui-content > h6:last-child {
+	margin-bottom: 0;
+}
+.ui-popup > img {
+	max-width: 100%;
+	max-height: 100%;
+	vertical-align: middle;
+}
+.ui-popup:not(.ui-content) > img:only-child,
+.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
+.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
+	-webkit-border-radius: inherit;
+	border-radius: inherit;
+}
+.ui-popup iframe {
+	vertical-align: middle;
+}
+.ui-popup > .ui-btn-left,
+.ui-popup > .ui-btn-right {
+	position: absolute; 
+	top: -11px;
+	margin: 0;
+	z-index: 1101;
+}
+.ui-popup > .ui-btn-left {
+	left: -11px;
+}
+.ui-popup > .ui-btn-right {
+	right: -11px;
+}
+
+
+@-webkit-keyframes fadein {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+@-moz-keyframes fadein {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+@keyframes fadein {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+@-moz-keyframes fadeout {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+@keyframes fadeout {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+
+.fade.out {
+	opacity: 0;
+	-webkit-animation-duration: 125ms;
+	-webkit-animation-name: fadeout;
+	-moz-animation-duration: 125ms;
+	-moz-animation-name: fadeout;
+	animation-duration: 125ms;
+	animation-name: fadeout;
+}
+
+.fade.in {
+	opacity: 1;
+	-webkit-animation-duration: 225ms;
+	-webkit-animation-name: fadein;
+	-moz-animation-duration: 225ms;
+	-moz-animation-name: fadein;
+	animation-duration: 225ms;
+	animation-name: fadein;
+}
+
+
+/* Dimensions related to the popup arrow
+-----------------------------------------------------------------------------------------------------------*/
+/* desired triangle height: 10px */
+
+/**
+ * guide for the arrow - its width, height, and offset are theme-dependent and
+ * should be expessed as left, right, top, bottom, so that the element bearing
+ * such a class becomes stretched inside its parent position: relative element.
+ * The left/top/right/bottom specified below should reflect the corresponding
+ * border radii and so it leaves room for the shadow:
+ *     ..--------------------..
+ *   ."        ^ top           ".
+ *  /          v                 \
+ * |     +------------------+     |
+ * |     |                  |     |
+ * | left|                  |right|
+ * |<--->|                  |<--->|
+ * |     +------------------+     |
+ *  \          ^                 /
+ *   `.        v bottom        .'
+ *     ""--------------------""
+ * The idea is that the top/left of the arrow container box does not move to a
+ * coordinate smaller than the top/left of the guide and the right/bottom of
+ * the arrow container box does not move to a coordinate larger than the
+ * bottom/right of the guide. This will help us avoid the following situation:
+ *        ..--------------------..
+ *      ."        ^ top           ".
+ *   /|/          v                 \
+ *  / |     +------------------+     |
+ *  \ |     |                  |     |
+ *   \| left|                  |right|
+ *    |<--->|                  |<--->|
+ *    |     +------------------+     |
+ *     \          ^                 /
+ *      `.        v bottom        .'
+ *        ""--------------------""
+ * The arrow should not receive a top/left coordinate such that it is too close
+ * to one of the corners, because then at first the shadow of the arrow and,
+ * given a coordinate even closer to the corner, even the body of the arrow will
+ * "stick out" of the corner of the popup. The guide provides a hint to the
+ * arrow positioning code as to which range of values is acceptable for the
+ * arrow container's top/left coordinate.
+ **/
+
+.ui-popup-arrow-container {
+	width: 20px;
+	height: 20px;
+}
+
+/* aside from the "infinities" (-1000,2000), triangle height is used */
+.ui-popup-arrow-container.ui-popup-arrow-l {
+	left: -10px;
+	clip: rect(-1000px,10px,2000px,-1000px);
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-t {
+	top: -10px;
+	clip: rect(-1000px,2000px,10px,-1000px);
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-r {
+	right: -10px;
+	clip: rect(-1000px,2000px,2000px,10px);
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-b {
+	bottom: -10px;
+	clip: rect(10px,2000px,1000px,-1000px);
+}
+
+/**
+ * For each side, the arrow is twice the desired size and its corner is aligned
+ * with the edge of the container:
+ *                                           
+ *           /\         /\                +----+       /\
+ *          /  \       /  \               | /\ |top   /  \
+ *      +----+  \     /  +----+       +-->|/  \|     /    \
+ *  left| /  |   \   /   |  \ |right  |   |    |    /      \
+ *      |/   |    \ /    |   \|       |  /|    |\  /        \
+ *      |\   |    / \    |   /|       | / +----+ \ \ +----+ /
+ *      | \  |   /   \   |  / |       | \        /  \|    |/
+ *      +----+  /     \  +----+       |  \      /    |    |
+ *       ^  \  /       \  /  ^        |   \    /  +->|\  /|
+ *       |   \/         \/   |        |    \  /   |  | \/ |bottom
+ *       |                   |        |     \/    |  +----+
+ *       +-------------------+--------+-----------+
+ *                           |
+ *                    arrow container
+ *                     (clips arrow)
+ **/
+
+.ui-popup-arrow-container .ui-popup-arrow {
+	/* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
+	width: 28.284271247px;
+	height: 28.284271247px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
+	left: -4.142135623px;
+	top: 5.857864376px;
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
+	left: -4.142135623px;
+	top: -14.142135623px;
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
+	left: 5.857864376px;
+	top: -4.142135623px;
+}
+
+.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
+	left: -14.142135623px;
+	top: -4.142135623px;
+}
+
+/* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
+.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
+    margin-left: -5.857864376269049px;
+    margin-top: -7.0710678118654755px;
+}
+.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
+    margin-left: -5.857864376269049px;
+    margin-top: -4.142135623730951px;
+}
+ 
+.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
+    margin-left: -7.0710678118654755px;
+    margin-top: -5.857864376269049px;
+}
+.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
+    margin-left: -4.142135623730951px;
+    margin-top: -5.857864376269049px;
+}
+
+/* structure */
+.ui-popup > .ui-popup-arrow-guide {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	visibility: hidden;
+}
+
+.ui-popup-arrow-container {
+	position: absolute;
+}
+
+.ui-popup-arrow {
+	-webkit-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+	position: absolute;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.ui-popup-arrow-container.ie .ui-popup-arrow {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
+	filter: progid:DXImageTransform.Microsoft.Matrix(
+	      	M11=0.7071067811865474,
+        	M12=-0.7071067811865477,
+        	M21=0.7071067811865477,
+        	M22=0.7071067811865474,
+        	SizingMethod='auto expand');
+}
+
+
+
+
+
+/* Popup arrow */
+.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
+	left: .6em /*{global-radii-blocks}*/;
+	right: .6em /*{global-radii-blocks}*/;
+	top: .6em /*{global-radii-blocks}*/;
+	bottom: .6em /*{global-radii-blocks}*/;
+}
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.js b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.js
new file mode 100644
index 000000000..e3db5cecc
--- /dev/null
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.popup.js
@@ -0,0 +1,1188 @@
+(function ($, undefined) {
+
+	function fitSegmentInsideSegment(windowSize, segmentSize, offset, desired) {
+		var returnValue = desired;
+
+		if (windowSize < segmentSize) {
+			// Center segment if it's bigger than the window
+			returnValue = offset + (windowSize - segmentSize) / 2;
+		} else {
+			// Otherwise center it at the desired coordinate while keeping it completely inside the window
+			returnValue = Math.min(Math.max(offset, desired - segmentSize / 2), offset + windowSize - segmentSize);
+		}
+
+		return returnValue;
+	}
+
+	function getWindowCoordinates(theWindow) {
+		return {
+			x: theWindow.scrollLeft(),
+			y: theWindow.scrollTop(),
+			cx: (theWindow[0].innerWidth || theWindow.width()),
+			cy: (theWindow[0].innerHeight || theWindow.height())
+		};
+	}
+
+	$.widget("mobile.popup", {
+		options: {
+			wrapperClass: null,
+			theme: null,
+			overlayTheme: null,
+			shadow: true,
+			corners: true,
+			transition: "none",
+			positionTo: "origin",
+			tolerance: null,
+			closeLinkSelector: "a:jqmData(rel='back')",
+			closeLinkEvents: "click.popup",
+			navigateEvents: "navigate.popup",
+			closeEvents: "navigate.popup pagebeforechange.popup",
+			dismissible: true,
+			enhanced: false,
+
+			// NOTE Windows Phone 7 has a scroll position caching issue that
+			//      requires us to disable popup history management by default
+			//      https://github.com/jquery/jquery-mobile/issues/4784
+			//
+			// NOTE this option is modified in _create!
+			history: !$.mobile.browser.oldIE
+		},
+
+		// When the user depresses the mouse/finger on an element inside the popup while the popup is
+		// open, we ignore resize events for a short while. This prevents #6961.
+		_handleDocumentVmousedown: function (theEvent) {
+			if (this._isOpen && $.contains(this._ui.container[0], theEvent.target)) {
+				this._ignoreResizeEvents();
+			}
+		},
+
+		_create: function () {
+			var theElement = this.element,
+				myId = theElement.attr("id"),
+				currentOptions = this.options;
+
+			// We need to adjust the history option to be false if there's no AJAX nav.
+			// We can't do it in the option declarations because those are run before
+			// it is determined whether there shall be AJAX nav.
+			currentOptions.history = currentOptions.history && $.mobile.ajaxEnabled && $.mobile.hashListeningEnabled;
+
+			this._on(this.document, {
+				"vmousedown": "_handleDocumentVmousedown"
+			});
+
+			// Define instance variables
+			$.extend(this, {
+				_scrollTop: 0,
+				_page: theElement.closest(".ui-page"),
+				_ui: null,
+				_fallbackTransition: "",
+				_currentTransition: false,
+				_prerequisites: null,
+				_isOpen: false,
+				_tolerance: null,
+				_resizeData: null,
+				_ignoreResizeTo: 0,
+				_orientationchangeInProgress: false
+			});
+
+			if (this._page.length === 0) {
+				this._page = $("body");
+			}
+
+			if (currentOptions.enhanced) {
+				this._ui = {
+					container: theElement.parent(),
+					screen: theElement.parent().prev(),
+					placeholder: $(this.document[0].getElementById(myId + "-placeholder"))
+				};
+			} else {
+				this._ui = this._enhance(theElement, myId);
+				this._applyTransition(currentOptions.transition);
+			}
+			this
+				._setTolerance(currentOptions.tolerance)
+				._ui.focusElement = this._ui.container;
+
+			// Event handlers
+			this._on(this._ui.screen, { "vclick": "_eatEventAndClose" });
+			this._on(this.window, {
+				orientationchange: $.proxy(this, "_handleWindowOrientationchange"),
+				resize: $.proxy(this, "_handleWindowResize"),
+				keyup: $.proxy(this, "_handleWindowKeyUp")
+			});
+			this._on(this.document, { "focusin": "_handleDocumentFocusIn" });
+		},
+
+		_enhance: function (theElement, myId) {
+			var currentOptions = this.options,
+				wrapperClass = currentOptions.wrapperClass,
+				ui = {
+					screen: $("
"),
+					placeholder: $("
"),
+					container: $("
")
+				},
+				fragment = this.document[0].createDocumentFragment();
+
+			fragment.appendChild(ui.screen[0]);
+			fragment.appendChild(ui.container[0]);
+
+			if (myId) {
+				ui.screen.attr("id", myId + "-screen");
+				ui.container.attr("id", myId + "-popup");
+				ui.placeholder
+					.attr("id", myId + "-placeholder")
+					.html("");
+			}
+
+			// Apply the proto
+			this._page[0].appendChild(fragment);
+			// Leave a placeholder where the element used to be
+			ui.placeholder.insertAfter(theElement);
+			theElement
+				.detach()
+				.addClass("ui-popup " +
+					this._themeClassFromOption("ui-body-", currentOptions.theme) + " " +
+					(currentOptions.shadow ? "ui-overlay-shadow " : "") +
+					(currentOptions.corners ? "ui-corner-all " : ""))
+				.appendTo(ui.container);
+
+			return ui;
+		},
+
+		_eatEventAndClose: function (theEvent) {
+			theEvent.preventDefault();
+			theEvent.stopImmediatePropagation();
+			if (this.options.dismissible) {
+				this.close();
+			}
+			return false;
+		},
+
+		// Make sure the screen covers the entire document - CSS is sometimes not
+		// enough to accomplish this.
+		_resizeScreen: function () {
+			var screen = this._ui.screen,
+				popupHeight = this._ui.container.outerHeight(true),
+				screenHeight = screen.removeAttr("style").height(),
+
+				// Subtracting 1 here is necessary for an obscure Andrdoid 4.0 bug where
+				// the browser hangs if the screen covers the entire document :/
+				documentHeight = this.document.height() - 1;
+
+			if (screenHeight < documentHeight) {
+				screen.height(documentHeight);
+			} else if (popupHeight > screenHeight) {
+				screen.height(popupHeight);
+			}
+		},
+
+		_handleWindowKeyUp: function (theEvent) {
+			if (this._isOpen && theEvent.keyCode === $.mobile.keyCode.ESCAPE) {
+				return this._eatEventAndClose(theEvent);
+			}
+		},
+
+		_expectResizeEvent: function () {
+			var windowCoordinates = getWindowCoordinates(this.window);
+
+			if (this._resizeData) {
+				if (windowCoordinates.x === this._resizeData.windowCoordinates.x &&
+					windowCoordinates.y === this._resizeData.windowCoordinates.y &&
+					windowCoordinates.cx === this._resizeData.windowCoordinates.cx &&
+					windowCoordinates.cy === this._resizeData.windowCoordinates.cy) {
+					// timeout not refreshed
+					return false;
+				} else {
+					// clear existing timeout - it will be refreshed below
+					clearTimeout(this._resizeData.timeoutId);
+				}
+			}
+
+			this._resizeData = {
+				timeoutId: this._delay("_resizeTimeout", 200),
+				windowCoordinates: windowCoordinates
+			};
+
+			return true;
+		},
+
+		_resizeTimeout: function () {
+			if (this._isOpen) {
+				if (!this._expectResizeEvent()) {
+					if (this._ui.container.hasClass("ui-popup-hidden")) {
+						// effectively rapid-open the popup while leaving the screen intact
+						this._ui.container.removeClass("ui-popup-hidden ui-popup-truncate");
+						this.reposition({ positionTo: "window" });
+						this._ignoreResizeEvents();
+					}
+
+					this._resizeScreen();
+					this._resizeData = null;
+					this._orientationchangeInProgress = false;
+				}
+			} else {
+				this._resizeData = null;
+				this._orientationchangeInProgress = false;
+			}
+		},
+
+		_stopIgnoringResizeEvents: function () {
+			this._ignoreResizeTo = 0;
+		},
+
+		_ignoreResizeEvents: function () {
+			if (this._ignoreResizeTo) {
+				clearTimeout(this._ignoreResizeTo);
+			}
+			this._ignoreResizeTo = this._delay("_stopIgnoringResizeEvents", 1000);
+		},
+
+		_handleWindowResize: function (/* theEvent */) {
+			if (this._isOpen && this._ignoreResizeTo === 0) {
+				if ((this._expectResizeEvent() || this._orientationchangeInProgress) &&
+					!this._ui.container.hasClass("ui-popup-hidden")) {
+					// effectively rapid-close the popup while leaving the screen intact
+					this._ui.container
+						.addClass("ui-popup-hidden ui-popup-truncate")
+						.removeAttr("style");
+				}
+			}
+		},
+
+		_handleWindowOrientationchange: function (/* theEvent */) {
+			if (!this._orientationchangeInProgress && this._isOpen && this._ignoreResizeTo === 0) {
+				this._expectResizeEvent();
+				this._orientationchangeInProgress = true;
+			}
+		},
+
+		// When the popup is open, attempting to focus on an element that is not a
+		// child of the popup will redirect focus to the popup
+		_handleDocumentFocusIn: function (theEvent) {
+			var target,
+				targetElement = theEvent.target,
+				ui = this._ui;
+
+			if (!this._isOpen) {
+				return;
+			}
+
+			if (targetElement !== ui.container[0]) {
+				target = $(targetElement);
+				if (!$.contains(ui.container[0], targetElement)) {
+					$(this.document[0].activeElement).one("focus", $.proxy(function () {
+						this._safelyBlur(targetElement);
+					}, this));
+					ui.focusElement.focus();
+					theEvent.preventDefault();
+					theEvent.stopImmediatePropagation();
+					return false;
+				} else if (ui.focusElement[0] === ui.container[0]) {
+					ui.focusElement = target;
+				}
+			}
+
+			this._ignoreResizeEvents();
+		},
+
+		_themeClassFromOption: function (prefix, value) {
+			return (value ? (value === "none" ? "" : (prefix + value)) : (prefix + "inherit"));
+		},
+
+		_applyTransition: function (value) {
+			if (value) {
+				this._ui.container.removeClass(this._fallbackTransition);
+				if (value !== "none") {
+					this._fallbackTransition = $.mobile._maybeDegradeTransition(value);
+					if (this._fallbackTransition === "none") {
+						this._fallbackTransition = "";
+					}
+					this._ui.container.addClass(this._fallbackTransition);
+				}
+			}
+
+			return this;
+		},
+
+		_setOptions: function (newOptions) {
+			var currentOptions = this.options,
+				theElement = this.element,
+				screen = this._ui.screen;
+
+			if (newOptions.wrapperClass !== undefined) {
+				this._ui.container
+					.removeClass(currentOptions.wrapperClass)
+					.addClass(newOptions.wrapperClass);
+			}
+
+			if (newOptions.theme !== undefined) {
+				theElement
+					.removeClass(this._themeClassFromOption("ui-body-", currentOptions.theme))
+					.addClass(this._themeClassFromOption("ui-body-", newOptions.theme));
+			}
+
+			if (newOptions.overlayTheme !== undefined) {
+				screen
+					.removeClass(this._themeClassFromOption("ui-overlay-", currentOptions.overlayTheme))
+					.addClass(this._themeClassFromOption("ui-overlay-", newOptions.overlayTheme));
+
+				if (this._isOpen) {
+					screen.addClass("in");
+				}
+			}
+
+			if (newOptions.shadow !== undefined) {
+				theElement.toggleClass("ui-overlay-shadow", newOptions.shadow);
+			}
+
+			if (newOptions.corners !== undefined) {
+				theElement.toggleClass("ui-corner-all", newOptions.corners);
+			}
+
+			if (newOptions.transition !== undefined) {
+				if (!this._currentTransition) {
+					this._applyTransition(newOptions.transition);
+				}
+			}
+
+			if (newOptions.tolerance !== undefined) {
+				this._setTolerance(newOptions.tolerance);
+			}
+
+			if (newOptions.disabled !== undefined) {
+				if (newOptions.disabled) {
+					this.close();
+				}
+			}
+
+			return this._super(newOptions);
+		},
+
+		_setTolerance: function (value) {
+			var tol = { t: 30, r: 15, b: 30, l: 15 },
+				ar;
+
+			if (value !== undefined) {
+				ar = String(value).split(",");
+
+				$.each(ar, function (idx, val) { ar[idx] = parseInt(val, 10); });
+
+				switch (ar.length) {
+					// All values are to be the same
+					case 1:
+						if (!isNaN(ar[0])) {
+							tol.t = tol.r = tol.b = tol.l = ar[0];
+						}
+						break;
+
+						// The first value denotes top/bottom tolerance, and the second value denotes left/right tolerance
+					case 2:
+						if (!isNaN(ar[0])) {
+							tol.t = tol.b = ar[0];
+						}
+						if (!isNaN(ar[1])) {
+							tol.l = tol.r = ar[1];
+						}
+						break;
+
+						// The array contains values in the order top, right, bottom, left
+					case 4:
+						if (!isNaN(ar[0])) {
+							tol.t = ar[0];
+						}
+						if (!isNaN(ar[1])) {
+							tol.r = ar[1];
+						}
+						if (!isNaN(ar[2])) {
+							tol.b = ar[2];
+						}
+						if (!isNaN(ar[3])) {
+							tol.l = ar[3];
+						}
+						break;
+
+					default:
+						break;
+				}
+			}
+
+			this._tolerance = tol;
+			return this;
+		},
+
+		_clampPopupWidth: function (infoOnly) {
+			var menuSize,
+				windowCoordinates = getWindowCoordinates(this.window),
+				// rectangle within which the popup must fit
+				rectangle = {
+					x: this._tolerance.l,
+					y: windowCoordinates.y + this._tolerance.t,
+					cx: windowCoordinates.cx - this._tolerance.l - this._tolerance.r,
+					cy: windowCoordinates.cy - this._tolerance.t - this._tolerance.b
+				};
+
+			if (!infoOnly) {
+				// Clamp the width of the menu before grabbing its size
+				this._ui.container.css("max-width", rectangle.cx);
+			}
+
+			menuSize = {
+				cx: this._ui.container.outerWidth(true),
+				cy: this._ui.container.outerHeight(true)
+			};
+
+			return { rc: rectangle, menuSize: menuSize };
+		},
+
+		_calculateFinalLocation: function (desired, clampInfo) {
+			var returnValue,
+				rectangle = clampInfo.rc,
+				menuSize = clampInfo.menuSize;
+
+			// Center the menu over the desired coordinates, while not going outside
+			// the window tolerances. This will center wrt. the window if the popup is
+			// too large.
+			returnValue = {
+				left: fitSegmentInsideSegment(rectangle.cx, menuSize.cx, rectangle.x, desired.x),
+				top: fitSegmentInsideSegment(rectangle.cy, menuSize.cy, rectangle.y, desired.y)
+			};
+
+			// Make sure the top of the menu is visible
+			returnValue.top = Math.max(0, returnValue.top);
+
+			// If the height of the menu is smaller than the height of the document
+			// align the bottom with the bottom of the document
+
+			returnValue.top -= Math.min(returnValue.top,
+				Math.max(0, returnValue.top + menuSize.cy - this.document.height()));
+
+			return returnValue;
+		},
+
+		// Try and center the overlay over the given coordinates
+		_placementCoords: function (desired) {
+			return this._calculateFinalLocation(desired, this._clampPopupWidth());
+		},
+
+		_createPrerequisites: function (screenPrerequisite, containerPrerequisite, whenDone) {
+			var prerequisites,
+				self = this;
+
+			// It is important to maintain both the local variable prerequisites and
+			// self._prerequisites. The local variable remains in the closure of the
+			// functions which call the callbacks passed in. The comparison between the
+			// local variable and self._prerequisites is necessary, because once a
+			// function has been passed to .animationComplete() it will be called next
+			// time an animation completes, even if that's not the animation whose end
+			// the function was supposed to catch (for example, if an abort happens
+			// during the opening animation, the .animationComplete handler is not
+			// called for that animation anymore, but the handler remains attached, so
+			// it is called the next time the popup is opened - making it stale.
+			// Comparing the local variable prerequisites to the widget-level variable
+			// self._prerequisites ensures that callbacks triggered by a stale
+			// .animationComplete will be ignored.
+
+			prerequisites = {
+				screen: $.Deferred(),
+				container: $.Deferred()
+			};
+
+			prerequisites.screen.then(function () {
+				if (prerequisites === self._prerequisites) {
+					screenPrerequisite();
+				}
+			});
+
+			prerequisites.container.then(function () {
+				if (prerequisites === self._prerequisites) {
+					containerPrerequisite();
+				}
+			});
+
+			$.when(prerequisites.screen, prerequisites.container).done(function () {
+				if (prerequisites === self._prerequisites) {
+					self._prerequisites = null;
+					whenDone();
+				}
+			});
+
+			self._prerequisites = prerequisites;
+		},
+
+		_animate: function (args) {
+			// NOTE before removing the default animation of the screen
+			//      this had an animate callback that would resolve the deferred
+			//      now the deferred is resolved immediately
+			// TODO remove the dependency on the screen deferred
+			this._ui.screen
+				.removeClass(args.classToRemove)
+				.addClass(args.screenClassToAdd);
+
+			args.prerequisites.screen.resolve();
+
+			if (args.transition && args.transition !== "none") {
+				if (args.applyTransition) {
+					this._applyTransition(args.transition);
+				}
+				if (this._fallbackTransition) {
+					this._ui.container
+						.addClass(args.containerClassToAdd)
+						.removeClass(args.classToRemove)
+						.animationComplete($.proxy(args.prerequisites.container, "resolve"));
+					return;
+				}
+			}
+			this._ui.container.removeClass(args.classToRemove);
+			args.prerequisites.container.resolve();
+		},
+
+		// The desired coordinates passed in will be returned untouched if no reference element can be identified via
+		// desiredPosition.positionTo. Nevertheless, this function ensures that its return value always contains valid
+		// x and y coordinates by specifying the center middle of the window if the coordinates are absent.
+		// options: { x: coordinate, y: coordinate, positionTo: string: "origin", "window", or jQuery selector
+		_desiredCoords: function (openOptions) {
+			var offset,
+				dst = null,
+				windowCoordinates = getWindowCoordinates(this.window),
+				x = openOptions.x,
+				y = openOptions.y,
+				pTo = openOptions.positionTo;
+
+			// Establish which element will serve as the reference
+			if (pTo && pTo !== "origin") {
+				if (pTo === "window") {
+					x = windowCoordinates.cx / 2 + windowCoordinates.x;
+					y = windowCoordinates.cy / 2 + windowCoordinates.y;
+				} else {
+					try {
+						dst = $(pTo);
+					} catch (err) {
+						dst = null;
+					}
+					if (dst) {
+						dst.filter(":visible");
+						if (dst.length === 0) {
+							dst = null;
+						}
+					}
+				}
+			}
+
+			// If an element was found, center over it
+			if (dst) {
+				offset = dst.offset();
+				x = offset.left + dst.outerWidth() / 2;
+				y = offset.top + dst.outerHeight() / 2;
+			}
+
+			// Make sure x and y are valid numbers - center over the window
+			if ($.type(x) !== "number" || isNaN(x)) {
+				x = windowCoordinates.cx / 2 + windowCoordinates.x;
+			}
+			if ($.type(y) !== "number" || isNaN(y)) {
+				y = windowCoordinates.cy / 2 + windowCoordinates.y;
+			}
+
+			return { x: x, y: y };
+		},
+
+		_reposition: function (openOptions) {
+			// We only care about position-related parameters for repositioning
+			openOptions = {
+				x: openOptions.x,
+				y: openOptions.y,
+				positionTo: openOptions.positionTo
+			};
+			this._trigger("beforeposition", undefined, openOptions);
+			this._ui.container.offset(this._placementCoords(this._desiredCoords(openOptions)));
+		},
+
+		reposition: function (openOptions) {
+			if (this._isOpen) {
+				this._reposition(openOptions);
+			}
+		},
+
+		_safelyBlur: function (currentElement) {
+			if (currentElement !== this.window[0] &&
+				currentElement.nodeName.toLowerCase() !== "body") {
+				$(currentElement).blur();
+			}
+		},
+
+		_openPrerequisitesComplete: function () {
+			var id = this.element.attr("id"),
+				firstFocus = this._ui.container.find(":focusable").first();
+
+			this._ui.container.addClass("ui-popup-active");
+			this._isOpen = true;
+			this._resizeScreen();
+
+			// Check to see if currElement is not a child of the container.  If it's not, blur
+			if (!$.contains(this._ui.container[0], this.document[0].activeElement)) {
+				this._safelyBlur(this.document[0].activeElement);
+			}
+			if (firstFocus.length > 0) {
+				this._ui.focusElement = firstFocus;
+			}
+			this._ignoreResizeEvents();
+			if (id) {
+				this.document.find("[aria-haspopup='true'][aria-owns='" + id + "']").attr("aria-expanded", true);
+			}
+			this._trigger("afteropen");
+		},
+
+		_open: function (options) {
+			var openOptions = $.extend({}, this.options, options),
+				// TODO move blacklist to private method
+				androidBlacklist = (function () {
+					var ua = navigator.userAgent,
+						// Rendering engine is Webkit, and capture major version
+						wkmatch = ua.match(/AppleWebKit\/([0-9\.]+)/),
+						wkversion = !!wkmatch && wkmatch[1],
+						androidmatch = ua.match(/Android (\d+(?:\.\d+))/),
+						andversion = !!androidmatch && androidmatch[1],
+						chromematch = ua.indexOf("Chrome") > -1;
+
+					// Platform is Android, WebKit version is greater than 534.13 ( Android 3.2.1 ) and not Chrome.
+					if (androidmatch !== null && andversion === "4.0" && wkversion && wkversion > 534.13 && !chromematch) {
+						return true;
+					}
+					return false;
+				}());
+
+			// Count down to triggering "popupafteropen" - we have two prerequisites:
+			// 1. The popup window animation completes (container())
+			// 2. The screen opacity animation completes (screen())
+			this._createPrerequisites(
+				$.noop,
+				$.noop,
+				$.proxy(this, "_openPrerequisitesComplete"));
+
+			this._currentTransition = openOptions.transition;
+			this._applyTransition(openOptions.transition);
+
+			this._ui.screen.removeClass("ui-screen-hidden");
+			this._ui.container.removeClass("ui-popup-truncate");
+
+			// Give applications a chance to modify the contents of the container before it appears
+			this._reposition(openOptions);
+
+			this._ui.container.removeClass("ui-popup-hidden");
+
+			if (this.options.overlayTheme && androidBlacklist) {
+				/* TODO: The native browser on Android 4.0.X ("Ice Cream Sandwich") suffers from an issue where the popup overlay appears to be z-indexed above the popup itself when certain other styles exist on the same page -- namely, any element set to `position: fixed` and certain types of input. These issues are reminiscent of previously uncovered bugs in older versions of Android's native browser: https://github.com/scottjehl/Device-Bugs/issues/3
+				This fix closes the following bugs ( I use "closes" with reluctance, and stress that this issue should be revisited as soon as possible ):
+				https://github.com/jquery/jquery-mobile/issues/4816
+				https://github.com/jquery/jquery-mobile/issues/4844
+				https://github.com/jquery/jquery-mobile/issues/4874
+				*/
+
+				// TODO sort out why this._page isn't working
+				this.element.closest(".ui-page").addClass("ui-popup-open");
+			}
+			this._animate({
+				additionalCondition: true,
+				transition: openOptions.transition,
+				classToRemove: "",
+				screenClassToAdd: "in",
+				containerClassToAdd: "in",
+				applyTransition: false,
+				prerequisites: this._prerequisites
+			});
+		},
+
+		_closePrerequisiteScreen: function () {
+			this._ui.screen
+				.removeClass("out")
+				.addClass("ui-screen-hidden");
+		},
+
+		_closePrerequisiteContainer: function () {
+			this._ui.container
+				.removeClass("reverse out")
+				.addClass("ui-popup-hidden ui-popup-truncate")
+				.removeAttr("style");
+		},
+
+		_closePrerequisitesDone: function () {
+			var container = this._ui.container,
+				id = this.element.attr("id");
+
+			// remove the global mutex for popups
+			$.mobile.popup.active = undefined;
+
+			// Blur elements inside the container, including the container
+			$(":focus", container[0]).add(container[0]).blur();
+
+			if (id) {
+				this.document.find("[aria-haspopup='true'][aria-owns='" + id + "']").attr("aria-expanded", false);
+			}
+
+			// alert users that the popup is closed
+			this._trigger("afterclose");
+		},
+
+		_close: function (immediate) {
+			this._ui.container.removeClass("ui-popup-active");
+			this._page.removeClass("ui-popup-open");
+
+			this._isOpen = false;
+
+			// Count down to triggering "popupafterclose" - we have two prerequisites:
+			// 1. The popup window reverse animation completes (container())
+			// 2. The screen opacity animation completes (screen())
+			this._createPrerequisites(
+				$.proxy(this, "_closePrerequisiteScreen"),
+				$.proxy(this, "_closePrerequisiteContainer"),
+				$.proxy(this, "_closePrerequisitesDone"));
+
+			this._animate({
+				additionalCondition: this._ui.screen.hasClass("in"),
+				transition: (immediate ? "none" : (this._currentTransition)),
+				classToRemove: "in",
+				screenClassToAdd: "out",
+				containerClassToAdd: "reverse out",
+				applyTransition: true,
+				prerequisites: this._prerequisites
+			});
+		},
+
+		_unenhance: function () {
+			if (this.options.enhanced) {
+				return;
+			}
+
+			// Put the element back to where the placeholder was and remove the "ui-popup" class
+			this._setOptions({ theme: $.mobile.popup.prototype.options.theme });
+			this.element
+				// Cannot directly insertAfter() - we need to detach() first, because
+				// insertAfter() will do nothing if the payload div was not attached
+				// to the DOM at the time the widget was created, and so the payload
+				// will remain inside the container even after we call insertAfter().
+				// If that happens and we remove the container a few lines below, we
+				// will cause an infinite recursion - #5244
+				.detach()
+				.insertAfter(this._ui.placeholder)
+				.removeClass("ui-popup ui-overlay-shadow ui-corner-all ui-body-inherit");
+			this._ui.screen.remove();
+			this._ui.container.remove();
+			this._ui.placeholder.remove();
+		},
+
+		_destroy: function () {
+			if ($.mobile.popup.active === this) {
+				this.element.one("popupafterclose", $.proxy(this, "_unenhance"));
+				this.close();
+			} else {
+				this._unenhance();
+			}
+
+			return this;
+		},
+
+		_closePopup: function (theEvent, data) {
+			var parsedDst, toUrl,
+				currentOptions = this.options,
+				immediate = false;
+
+			if ((theEvent && theEvent.isDefaultPrevented()) || $.mobile.popup.active !== this) {
+				return;
+			}
+
+			// restore location on screen
+			window.scrollTo(0, this._scrollTop);
+
+			if (theEvent && theEvent.type === "pagebeforechange" && data) {
+				// Determine whether we need to rapid-close the popup, or whether we can
+				// take the time to run the closing transition
+				if (typeof data.toPage === "string") {
+					parsedDst = data.toPage;
+				} else {
+					parsedDst = data.toPage.jqmData("url");
+				}
+				parsedDst = $.mobile.path.parseUrl(parsedDst);
+				toUrl = parsedDst.pathname + parsedDst.search + parsedDst.hash;
+
+				if (this._myUrl !== $.mobile.path.makeUrlAbsolute(toUrl)) {
+					// Going to a different page - close immediately
+					immediate = true;
+				} else {
+					theEvent.preventDefault();
+				}
+			}
+
+			// remove nav bindings
+			this.window.off(currentOptions.closeEvents);
+			// unbind click handlers added when history is disabled
+			this.element.undelegate(currentOptions.closeLinkSelector, currentOptions.closeLinkEvents);
+
+			this._close(immediate);
+		},
+
+		// any navigation event after a popup is opened should close the popup
+		// NOTE the pagebeforechange is bound to catch navigation events that don't
+		//      alter the url (eg, dialogs from popups)
+		_bindContainerClose: function () {
+			this.window
+				.on(this.options.closeEvents, $.proxy(this, "_closePopup"));
+		},
+
+		widget: function () {
+			return this._ui.container;
+		},
+
+		// TODO no clear deliniation of what should be here and
+		// what should be in _open. Seems to be "visual" vs "history" for now
+		open: function (options) {
+			var url, hashkey, activePage, currentIsDialog, hasHash, urlHistory,
+				self = this,
+				currentOptions = this.options;
+
+			// make sure open is idempotent
+			if ($.mobile.popup.active || currentOptions.disabled) {
+				return this;
+			}
+
+			// set the global popup mutex
+			$.mobile.popup.active = this;
+			this._scrollTop = this.window.scrollTop();
+
+			// if history alteration is disabled close on navigate events
+			// and leave the url as is
+			if (!(currentOptions.history)) {
+				self._open(options);
+				self._bindContainerClose();
+
+				// When histoy is disabled we have to grab the data-rel
+				// back link clicks so we can close the popup instead of
+				// relying on history to do it for us
+				self.element
+					.delegate(currentOptions.closeLinkSelector, currentOptions.closeLinkEvents, function (theEvent) {
+						self.close();
+						theEvent.preventDefault();
+					});
+
+				return this;
+			}
+
+			// cache some values for min/readability
+			urlHistory = $.mobile.navigate.history;
+			hashkey = $.mobile.dialogHashKey;
+			activePage = $.mobile.activePage;
+			currentIsDialog = (activePage ? activePage.hasClass("ui-dialog") : false);
+			this._myUrl = url = urlHistory.getActive().url;
+			hasHash = (url.indexOf(hashkey) > -1) && !currentIsDialog && (urlHistory.activeIndex > 0);
+
+			if (hasHash) {
+				self._open(options);
+				self._bindContainerClose();
+				return this;
+			}
+
+			// if the current url has no dialog hash key proceed as normal
+			// otherwise, if the page is a dialog simply tack on the hash key
+			if (url.indexOf(hashkey) === -1 && !currentIsDialog) {
+				url = url + (url.indexOf("#") > -1 ? hashkey : "#" + hashkey);
+			} else {
+				url = $.mobile.path.parseLocation().hash + hashkey;
+			}
+
+			// swallow the the initial navigation event, and bind for the next
+			this.window.one("beforenavigate", function (theEvent) {
+				theEvent.preventDefault();
+				self._open(options);
+				self._bindContainerClose();
+			});
+
+			this.urlAltered = true;
+			$.mobile.navigate(url, { role: "dialog" });
+
+			return this;
+		},
+
+		close: function () {
+			// make sure close is idempotent
+			if ($.mobile.popup.active !== this) {
+				return this;
+			}
+
+			this._scrollTop = this.window.scrollTop();
+
+			if (this.options.history && this.urlAltered) {
+				$.mobile.back();
+				this.urlAltered = false;
+			} else {
+				// simulate the nav bindings having fired
+				this._closePopup();
+			}
+
+			return this;
+		}
+	});
+
+	// TODO this can be moved inside the widget
+	$.mobile.popup.handleLink = function ($link) {
+		var offset,
+			path = $.mobile.path,
+
+			// NOTE make sure to get only the hash from the href because ie7 (wp7)
+			//      returns the absolute href in this case ruining the element selection
+			popup = $(path.hashToSelector(path.parseUrl($link.attr("href")).hash)).first();
+
+		if (popup.length > 0 && popup.data("mobile-popup")) {
+			offset = $link.offset();
+			popup.popup("open", {
+				x: offset.left + $link.outerWidth() / 2,
+				y: offset.top + $link.outerHeight() / 2,
+				transition: $link.jqmData("transition"),
+				positionTo: $link.jqmData("position-to")
+			});
+		}
+
+		//remove after delay
+		setTimeout(function () {
+			$link.removeClass($.mobile.activeBtnClass);
+		}, 300);
+	};
+
+	// TODO move inside _create
+	$.mobile.document.on("pagebeforechange", function (theEvent, data) {
+		if (data.options.role === "popup") {
+			$.mobile.popup.handleLink(data.options.link);
+			theEvent.preventDefault();
+		}
+	});
+
+})(jQuery);
+
+
+(function ($, undefined) {
+
+	var ieHack = ($.mobile.browser.oldIE && $.mobile.browser.oldIE <= 8),
+		uiTemplate = $(
+			"
" +
+			"
" +
+				"
" +
+			"
"
+		);
+
+	function getArrow() {
+		var clone = uiTemplate.clone(),
+			gd = clone.eq(0),
+			ct = clone.eq(1),
+			ar = ct.children();
+
+		return { arEls: ct.add(gd), gd: gd, ct: ct, ar: ar };
+	}
+
+	$.widget("mobile.popup", $.mobile.popup, {
+		options: {
+
+			arrow: ""
+		},
+
+		_create: function () {
+			var ar,
+				ret = this._super();
+
+			if (this.options.arrow) {
+				this._ui.arrow = ar = this._addArrow();
+			}
+
+			return ret;
+		},
+
+		_addArrow: function () {
+			var theme,
+				opts = this.options,
+				ar = getArrow();
+
+			theme = this._themeClassFromOption("ui-body-", opts.theme);
+			ar.ar.addClass(theme + (opts.shadow ? " ui-overlay-shadow" : ""));
+			ar.arEls.hide().appendTo(this.element);
+
+			return ar;
+		},
+
+		_unenhance: function () {
+			var ar = this._ui.arrow;
+
+			if (ar) {
+				ar.arEls.remove();
+			}
+
+			return this._super();
+		},
+
+		// Pretend to show an arrow described by @p and @dir and calculate the
+		// distance from the desired point. If a best-distance is passed in, return
+		// the minimum of the one passed in and the one calculated.
+		_tryAnArrow: function (p, dir, desired, s, best) {
+			var result, r, diff, desiredForArrow = {}, tip = {};
+
+			// If the arrow has no wiggle room along the edge of the popup, it cannot
+			// be displayed along the requested edge without it sticking out.
+			if (s.arFull[p.dimKey] > s.guideDims[p.dimKey]) {
+				return best;
+			}
+
+			desiredForArrow[p.fst] = desired[p.fst] +
+				(s.arHalf[p.oDimKey] + s.menuHalf[p.oDimKey]) * p.offsetFactor -
+				s.contentBox[p.fst] + (s.clampInfo.menuSize[p.oDimKey] - s.contentBox[p.oDimKey]) * p.arrowOffsetFactor;
+			desiredForArrow[p.snd] = desired[p.snd];
+
+			result = s.result || this._calculateFinalLocation(desiredForArrow, s.clampInfo);
+			r = { x: result.left, y: result.top };
+
+			tip[p.fst] = r[p.fst] + s.contentBox[p.fst] + p.tipOffset;
+			tip[p.snd] = Math.max(result[p.prop] + s.guideOffset[p.prop] + s.arHalf[p.dimKey],
+				Math.min(result[p.prop] + s.guideOffset[p.prop] + s.guideDims[p.dimKey] - s.arHalf[p.dimKey],
+					desired[p.snd]));
+
+			diff = Math.abs(desired.x - tip.x) + Math.abs(desired.y - tip.y);
+			if (!best || diff < best.diff) {
+				// Convert tip offset to coordinates inside the popup
+				tip[p.snd] -= s.arHalf[p.dimKey] + result[p.prop] + s.contentBox[p.snd];
+				best = { dir: dir, diff: diff, result: result, posProp: p.prop, posVal: tip[p.snd] };
+			}
+
+			return best;
+		},
+
+		_getPlacementState: function (clamp) {
+			var offset, gdOffset,
+				ar = this._ui.arrow,
+				state = {
+					clampInfo: this._clampPopupWidth(!clamp),
+					arFull: { cx: ar.ct.width(), cy: ar.ct.height() },
+					guideDims: { cx: ar.gd.width(), cy: ar.gd.height() },
+					guideOffset: ar.gd.offset()
+				};
+
+			offset = this.element.offset();
+
+			ar.gd.css({ left: 0, top: 0, right: 0, bottom: 0 });
+			gdOffset = ar.gd.offset();
+			state.contentBox = {
+				x: gdOffset.left - offset.left,
+				y: gdOffset.top - offset.top,
+				cx: ar.gd.width(),
+				cy: ar.gd.height()
+			};
+			ar.gd.removeAttr("style");
+
+			// The arrow box moves between guideOffset and guideOffset + guideDims - arFull
+			state.guideOffset = { left: state.guideOffset.left - offset.left, top: state.guideOffset.top - offset.top };
+			state.arHalf = { cx: state.arFull.cx / 2, cy: state.arFull.cy / 2 };
+			state.menuHalf = { cx: state.clampInfo.menuSize.cx / 2, cy: state.clampInfo.menuSize.cy / 2 };
+
+			return state;
+		},
+
+		_placementCoords: function (desired) {
+			var state, best, params, elOffset, bgRef,
+				optionValue = this.options.arrow,
+				ar = this._ui.arrow;
+
+			if (!ar) {
+				return this._super(desired);
+			}
+
+			ar.arEls.show();
+
+			bgRef = {};
+			state = this._getPlacementState(true);
+			params = {
+				"l": { fst: "x", snd: "y", prop: "top", dimKey: "cy", oDimKey: "cx", offsetFactor: 1, tipOffset: -state.arHalf.cx, arrowOffsetFactor: 0 },
+				"r": { fst: "x", snd: "y", prop: "top", dimKey: "cy", oDimKey: "cx", offsetFactor: -1, tipOffset: state.arHalf.cx + state.contentBox.cx, arrowOffsetFactor: 1 },
+				"b": { fst: "y", snd: "x", prop: "left", dimKey: "cx", oDimKey: "cy", offsetFactor: -1, tipOffset: state.arHalf.cy + state.contentBox.cy, arrowOffsetFactor: 1 },
+				"t": { fst: "y", snd: "x", prop: "left", dimKey: "cx", oDimKey: "cy", offsetFactor: 1, tipOffset: -state.arHalf.cy, arrowOffsetFactor: 0 }
+			};
+
+			// Try each side specified in the options to see on which one the arrow
+			// should be placed such that the distance between the tip of the arrow and
+			// the desired coordinates is the shortest.
+			$.each((optionValue === true ? "l,t,r,b" : optionValue).split(","),
+				$.proxy(function (key, value) {
+					best = this._tryAnArrow(params[value], value, desired, state, best);
+				}, this));
+
+			// Could not place the arrow along any of the edges - behave as if showing
+			// the arrow was turned off.
+			if (!best) {
+				ar.arEls.hide();
+				return this._super(desired);
+			}
+
+			// Move the arrow into place
+			ar.ct
+				.removeClass("ui-popup-arrow-l ui-popup-arrow-t ui-popup-arrow-r ui-popup-arrow-b")
+				.addClass("ui-popup-arrow-" + best.dir)
+				.removeAttr("style").css(best.posProp, best.posVal)
+				.show();
+
+			// Do not move/size the background div on IE, because we use the arrow div for background as well.
+			if (!ieHack) {
+				elOffset = this.element.offset();
+				bgRef[params[best.dir].fst] = ar.ct.offset();
+				bgRef[params[best.dir].snd] = {
+					left: elOffset.left + state.contentBox.x,
+					top: elOffset.top + state.contentBox.y
+				};
+			}
+
+			return best.result;
+		},
+
+		_setOptions: function (opts) {
+			var newTheme,
+				oldTheme = this.options.theme,
+				ar = this._ui.arrow,
+				ret = this._super(opts);
+
+			if (opts.arrow !== undefined) {
+				if (!ar && opts.arrow) {
+					this._ui.arrow = this._addArrow();
+
+					// Important to return here so we don't set the same options all over
+					// again below.
+					return;
+				} else if (ar && !opts.arrow) {
+					ar.arEls.remove();
+					this._ui.arrow = null;
+				}
+			}
+
+			// Reassign with potentially new arrow
+			ar = this._ui.arrow;
+
+			if (ar) {
+				if (opts.theme !== undefined) {
+					oldTheme = this._themeClassFromOption("ui-body-", oldTheme);
+					newTheme = this._themeClassFromOption("ui-body-", opts.theme);
+					ar.ar.removeClass(oldTheme).addClass(newTheme);
+				}
+
+				if (opts.shadow !== undefined) {
+					ar.ar.toggleClass("ui-overlay-shadow", opts.shadow);
+				}
+			}
+
+			return ret;
+		},
+
+		_destroy: function () {
+			var ar = this._ui.arrow;
+
+			if (ar) {
+				ar.arEls.remove();
+			}
+
+			return this._super();
+		}
+	});
+
+})(jQuery);
\ No newline at end of file
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js
index 96e310e0c..99c5fe6e5 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js
@@ -3432,12 +3432,13 @@ $.widget( "mobile.page", {
 
 	// DEPRECATED for > 1.4
 	// TODO remove at 1.5
-	_createWidget: function() {
-		$.Widget.prototype._createWidget.apply( this, arguments );
-		this._trigger( "init" );
+	_createWidget: function () {
+
+	    $.Widget.prototype._createWidget.apply(this, arguments);
+	    this._trigger("init");
 	},
 
-	_create: function() {
+	_create: function () {
 		// If false is returned by the callbacks do not create the page
 		if ( this._trigger( "beforecreate" ) === false ) {
 			return false;
@@ -5275,9 +5276,22 @@ $.fn.grid = function( options ) {
 					this._getBase().rewrite( fileUrl, content );
 				}
 
-				this._include(contentElem, content, settings);
+				var dependencies = contentElem.getAttribute('data-require');
+				dependencies = dependencies ? dependencies.split(',') : null;
+
+				if (contentElem.classList.contains('type-interior')) {
+				    dependencies = dependencies || [];
+				    dependencies.push('jqmicons');
+				    dependencies.push('jqmpopup');
+				}
+
+				var currentSelf = this;
+
+				require(dependencies, function () {
+				    currentSelf._include(contentElem, content, settings);
+				    deferred.resolve(absUrl, settings, content);
+				});
 
-				deferred.resolve( absUrl, settings, content );
 			}, this);
 		},
 
@@ -8951,1195 +8965,4 @@ $.widget( "mobile.panel", {
 
 })( jQuery );
 
-(function( $, undefined ) {
-
-function fitSegmentInsideSegment( windowSize, segmentSize, offset, desired ) {
-	var returnValue = desired;
-
-	if ( windowSize < segmentSize ) {
-		// Center segment if it's bigger than the window
-		returnValue = offset + ( windowSize - segmentSize ) / 2;
-	} else {
-		// Otherwise center it at the desired coordinate while keeping it completely inside the window
-		returnValue = Math.min( Math.max( offset, desired - segmentSize / 2 ), offset + windowSize - segmentSize );
-	}
-
-	return returnValue;
-}
-
-function getWindowCoordinates( theWindow ) {
-	return {
-		x: theWindow.scrollLeft(),
-		y: theWindow.scrollTop(),
-		cx: ( theWindow[ 0 ].innerWidth || theWindow.width() ),
-		cy: ( theWindow[ 0 ].innerHeight || theWindow.height() )
-	};
-}
-
-$.widget( "mobile.popup", {
-	options: {
-		wrapperClass: null,
-		theme: null,
-		overlayTheme: null,
-		shadow: true,
-		corners: true,
-		transition: "none",
-		positionTo: "origin",
-		tolerance: null,
-		closeLinkSelector: "a:jqmData(rel='back')",
-		closeLinkEvents: "click.popup",
-		navigateEvents: "navigate.popup",
-		closeEvents: "navigate.popup pagebeforechange.popup",
-		dismissible: true,
-		enhanced: false,
-
-		// NOTE Windows Phone 7 has a scroll position caching issue that
-		//      requires us to disable popup history management by default
-		//      https://github.com/jquery/jquery-mobile/issues/4784
-		//
-		// NOTE this option is modified in _create!
-		history: !$.mobile.browser.oldIE
-	},
-
-	// When the user depresses the mouse/finger on an element inside the popup while the popup is
-	// open, we ignore resize events for a short while. This prevents #6961.
-	_handleDocumentVmousedown: function( theEvent ) {
-		if ( this._isOpen && $.contains( this._ui.container[ 0 ], theEvent.target ) ) {
-			this._ignoreResizeEvents();
-		}
-	},
-
-	_create: function() {
-		var theElement = this.element,
-			myId = theElement.attr( "id" ),
-			currentOptions = this.options;
-
-		// We need to adjust the history option to be false if there's no AJAX nav.
-		// We can't do it in the option declarations because those are run before
-		// it is determined whether there shall be AJAX nav.
-		currentOptions.history = currentOptions.history && $.mobile.ajaxEnabled && $.mobile.hashListeningEnabled;
-
-		this._on( this.document, {
-			"vmousedown": "_handleDocumentVmousedown"
-		});
-
-		// Define instance variables
-		$.extend( this, {
-			_scrollTop: 0,
-			_page: theElement.closest( ".ui-page" ),
-			_ui: null,
-			_fallbackTransition: "",
-			_currentTransition: false,
-			_prerequisites: null,
-			_isOpen: false,
-			_tolerance: null,
-			_resizeData: null,
-			_ignoreResizeTo: 0,
-			_orientationchangeInProgress: false
-		});
-
-		if ( this._page.length === 0 ) {
-			this._page = $( "body" );
-		}
-
-		if ( currentOptions.enhanced ) {
-			this._ui = {
-				container: theElement.parent(),
-				screen: theElement.parent().prev(),
-				placeholder: $( this.document[ 0 ].getElementById( myId + "-placeholder" ) )
-			};
-		} else {
-			this._ui = this._enhance( theElement, myId );
-			this._applyTransition( currentOptions.transition );
-		}
-		this
-			._setTolerance( currentOptions.tolerance )
-			._ui.focusElement = this._ui.container;
-
-		// Event handlers
-		this._on( this._ui.screen, { "vclick": "_eatEventAndClose" } );
-		this._on( this.window, {
-			orientationchange: $.proxy( this, "_handleWindowOrientationchange" ),
-			resize: $.proxy( this, "_handleWindowResize" ),
-			keyup: $.proxy( this, "_handleWindowKeyUp" )
-		});
-		this._on( this.document, { "focusin": "_handleDocumentFocusIn" } );
-	},
-
-	_enhance: function( theElement, myId ) {
-		var currentOptions = this.options,
-			wrapperClass = currentOptions.wrapperClass,
-			ui = {
-				screen: $( "
" ),
-				placeholder: $( "
" ),
-				container: $( "
" )
-			},
-			fragment = this.document[ 0 ].createDocumentFragment();
-
-		fragment.appendChild( ui.screen[ 0 ] );
-		fragment.appendChild( ui.container[ 0 ] );
-
-		if ( myId ) {
-			ui.screen.attr( "id", myId + "-screen" );
-			ui.container.attr( "id", myId + "-popup" );
-			ui.placeholder
-				.attr( "id", myId + "-placeholder" )
-				.html( "" );
-		}
-
-		// Apply the proto
-		this._page[ 0 ].appendChild( fragment );
-		// Leave a placeholder where the element used to be
-		ui.placeholder.insertAfter( theElement );
-		theElement
-			.detach()
-			.addClass( "ui-popup " +
-				this._themeClassFromOption( "ui-body-", currentOptions.theme ) + " " +
-				( currentOptions.shadow ? "ui-overlay-shadow " : "" ) +
-				( currentOptions.corners ? "ui-corner-all " : "" ) )
-			.appendTo( ui.container );
-
-		return ui;
-	},
-
-	_eatEventAndClose: function( theEvent ) {
-		theEvent.preventDefault();
-		theEvent.stopImmediatePropagation();
-		if ( this.options.dismissible ) {
-			this.close();
-		}
-		return false;
-	},
-
-	// Make sure the screen covers the entire document - CSS is sometimes not
-	// enough to accomplish this.
-	_resizeScreen: function() {
-		var screen = this._ui.screen,
-			popupHeight = this._ui.container.outerHeight( true ),
-			screenHeight = screen.removeAttr( "style" ).height(),
-
-			// Subtracting 1 here is necessary for an obscure Andrdoid 4.0 bug where
-			// the browser hangs if the screen covers the entire document :/
-			documentHeight = this.document.height() - 1;
-
-		if ( screenHeight < documentHeight ) {
-			screen.height( documentHeight );
-		} else if ( popupHeight > screenHeight ) {
-			screen.height( popupHeight );
-		}
-	},
-
-	_handleWindowKeyUp: function( theEvent ) {
-		if ( this._isOpen && theEvent.keyCode === $.mobile.keyCode.ESCAPE ) {
-			return this._eatEventAndClose( theEvent );
-		}
-	},
-
-	_expectResizeEvent: function() {
-		var windowCoordinates = getWindowCoordinates( this.window );
-
-		if ( this._resizeData ) {
-			if ( windowCoordinates.x === this._resizeData.windowCoordinates.x &&
-				windowCoordinates.y === this._resizeData.windowCoordinates.y &&
-				windowCoordinates.cx === this._resizeData.windowCoordinates.cx &&
-				windowCoordinates.cy === this._resizeData.windowCoordinates.cy ) {
-				// timeout not refreshed
-				return false;
-			} else {
-				// clear existing timeout - it will be refreshed below
-				clearTimeout( this._resizeData.timeoutId );
-			}
-		}
-
-		this._resizeData = {
-			timeoutId: this._delay( "_resizeTimeout", 200 ),
-			windowCoordinates: windowCoordinates
-		};
-
-		return true;
-	},
-
-	_resizeTimeout: function() {
-		if ( this._isOpen ) {
-			if ( !this._expectResizeEvent() ) {
-				if ( this._ui.container.hasClass( "ui-popup-hidden" ) ) {
-					// effectively rapid-open the popup while leaving the screen intact
-					this._ui.container.removeClass( "ui-popup-hidden ui-popup-truncate" );
-					this.reposition( { positionTo: "window" } );
-					this._ignoreResizeEvents();
-				}
-
-				this._resizeScreen();
-				this._resizeData = null;
-				this._orientationchangeInProgress = false;
-			}
-		} else {
-			this._resizeData = null;
-			this._orientationchangeInProgress = false;
-		}
-	},
-
-	_stopIgnoringResizeEvents: function() {
-		this._ignoreResizeTo = 0;
-	},
-
-	_ignoreResizeEvents: function() {
-		if ( this._ignoreResizeTo ) {
-			clearTimeout( this._ignoreResizeTo );
-		}
-		this._ignoreResizeTo = this._delay( "_stopIgnoringResizeEvents", 1000 );
-	},
-
-	_handleWindowResize: function(/* theEvent */) {
-		if ( this._isOpen && this._ignoreResizeTo === 0 ) {
-			if ( ( this._expectResizeEvent() || this._orientationchangeInProgress ) &&
-				!this._ui.container.hasClass( "ui-popup-hidden" ) ) {
-				// effectively rapid-close the popup while leaving the screen intact
-				this._ui.container
-					.addClass( "ui-popup-hidden ui-popup-truncate" )
-					.removeAttr( "style" );
-			}
-		}
-	},
-
-	_handleWindowOrientationchange: function(/* theEvent */) {
-		if ( !this._orientationchangeInProgress && this._isOpen && this._ignoreResizeTo === 0 ) {
-			this._expectResizeEvent();
-			this._orientationchangeInProgress = true;
-		}
-	},
-
-	// When the popup is open, attempting to focus on an element that is not a
-	// child of the popup will redirect focus to the popup
-	_handleDocumentFocusIn: function( theEvent ) {
-		var target,
-			targetElement = theEvent.target,
-			ui = this._ui;
-
-		if ( !this._isOpen ) {
-			return;
-		}
-
-		if ( targetElement !== ui.container[ 0 ] ) {
-			target = $( targetElement );
-			if ( !$.contains( ui.container[ 0 ], targetElement ) ) {
-				$( this.document[ 0 ].activeElement ).one( "focus", $.proxy( function() {
-					this._safelyBlur( targetElement );
-				}, this ) );
-				ui.focusElement.focus();
-				theEvent.preventDefault();
-				theEvent.stopImmediatePropagation();
-				return false;
-			} else if ( ui.focusElement[ 0 ] === ui.container[ 0 ] ) {
-				ui.focusElement = target;
-			}
-		}
-
-		this._ignoreResizeEvents();
-	},
-
-	_themeClassFromOption: function( prefix, value ) {
-		return ( value ? ( value === "none" ? "" : ( prefix + value ) ) : ( prefix + "inherit" ) );
-	},
-
-	_applyTransition: function( value ) {
-		if ( value ) {
-			this._ui.container.removeClass( this._fallbackTransition );
-			if ( value !== "none" ) {
-				this._fallbackTransition = $.mobile._maybeDegradeTransition( value );
-				if ( this._fallbackTransition === "none" ) {
-					this._fallbackTransition = "";
-				}
-				this._ui.container.addClass( this._fallbackTransition );
-			}
-		}
-
-		return this;
-	},
-
-	_setOptions: function( newOptions ) {
-		var currentOptions = this.options,
-			theElement = this.element,
-			screen = this._ui.screen;
-
-		if ( newOptions.wrapperClass !== undefined ) {
-			this._ui.container
-				.removeClass( currentOptions.wrapperClass )
-				.addClass( newOptions.wrapperClass );
-		}
-
-		if ( newOptions.theme !== undefined ) {
-			theElement
-				.removeClass( this._themeClassFromOption( "ui-body-", currentOptions.theme ) )
-				.addClass( this._themeClassFromOption( "ui-body-", newOptions.theme ) );
-		}
-
-		if ( newOptions.overlayTheme !== undefined ) {
-			screen
-				.removeClass( this._themeClassFromOption( "ui-overlay-", currentOptions.overlayTheme ) )
-				.addClass( this._themeClassFromOption( "ui-overlay-", newOptions.overlayTheme ) );
-
-			if ( this._isOpen ) {
-				screen.addClass( "in" );
-			}
-		}
-
-		if ( newOptions.shadow !== undefined ) {
-			theElement.toggleClass( "ui-overlay-shadow", newOptions.shadow );
-		}
-
-		if ( newOptions.corners !== undefined ) {
-			theElement.toggleClass( "ui-corner-all", newOptions.corners );
-		}
-
-		if ( newOptions.transition !== undefined ) {
-			if ( !this._currentTransition ) {
-				this._applyTransition( newOptions.transition );
-			}
-		}
-
-		if ( newOptions.tolerance !== undefined ) {
-			this._setTolerance( newOptions.tolerance );
-		}
-
-		if ( newOptions.disabled !== undefined ) {
-			if ( newOptions.disabled ) {
-				this.close();
-			}
-		}
-
-		return this._super( newOptions );
-	},
-
-	_setTolerance: function( value ) {
-		var tol = { t: 30, r: 15, b: 30, l: 15 },
-			ar;
-
-		if ( value !== undefined ) {
-			ar = String( value ).split( "," );
-
-			$.each( ar, function( idx, val ) { ar[ idx ] = parseInt( val, 10 ); } );
-
-			switch( ar.length ) {
-				// All values are to be the same
-				case 1:
-					if ( !isNaN( ar[ 0 ] ) ) {
-						tol.t = tol.r = tol.b = tol.l = ar[ 0 ];
-					}
-					break;
-
-				// The first value denotes top/bottom tolerance, and the second value denotes left/right tolerance
-				case 2:
-					if ( !isNaN( ar[ 0 ] ) ) {
-						tol.t = tol.b = ar[ 0 ];
-					}
-					if ( !isNaN( ar[ 1 ] ) ) {
-						tol.l = tol.r = ar[ 1 ];
-					}
-					break;
-
-				// The array contains values in the order top, right, bottom, left
-				case 4:
-					if ( !isNaN( ar[ 0 ] ) ) {
-						tol.t = ar[ 0 ];
-					}
-					if ( !isNaN( ar[ 1 ] ) ) {
-						tol.r = ar[ 1 ];
-					}
-					if ( !isNaN( ar[ 2 ] ) ) {
-						tol.b = ar[ 2 ];
-					}
-					if ( !isNaN( ar[ 3 ] ) ) {
-						tol.l = ar[ 3 ];
-					}
-					break;
-
-				default:
-					break;
-			}
-		}
-
-		this._tolerance = tol;
-		return this;
-	},
-
-	_clampPopupWidth: function( infoOnly ) {
-		var menuSize,
-			windowCoordinates = getWindowCoordinates( this.window ),
-			// rectangle within which the popup must fit
-			rectangle = {
-				x: this._tolerance.l,
-				y: windowCoordinates.y + this._tolerance.t,
-				cx: windowCoordinates.cx - this._tolerance.l - this._tolerance.r,
-				cy: windowCoordinates.cy - this._tolerance.t - this._tolerance.b
-			};
-
-		if ( !infoOnly ) {
-			// Clamp the width of the menu before grabbing its size
-			this._ui.container.css( "max-width", rectangle.cx );
-		}
-
-		menuSize = {
-			cx: this._ui.container.outerWidth( true ),
-			cy: this._ui.container.outerHeight( true )
-		};
-
-		return { rc: rectangle, menuSize: menuSize };
-	},
-
-	_calculateFinalLocation: function( desired, clampInfo ) {
-		var returnValue,
-			rectangle = clampInfo.rc,
-			menuSize = clampInfo.menuSize;
-
-		// Center the menu over the desired coordinates, while not going outside
-		// the window tolerances. This will center wrt. the window if the popup is
-		// too large.
-		returnValue = {
-			left: fitSegmentInsideSegment( rectangle.cx, menuSize.cx, rectangle.x, desired.x ),
-			top: fitSegmentInsideSegment( rectangle.cy, menuSize.cy, rectangle.y, desired.y )
-		};
-
-		// Make sure the top of the menu is visible
-		returnValue.top = Math.max( 0, returnValue.top );
-
-		// If the height of the menu is smaller than the height of the document
-		// align the bottom with the bottom of the document
-
-		returnValue.top -= Math.min( returnValue.top,
-			Math.max( 0, returnValue.top + menuSize.cy - this.document.height() ) );
-
-		return returnValue;
-	},
-
-	// Try and center the overlay over the given coordinates
-	_placementCoords: function( desired ) {
-		return this._calculateFinalLocation( desired, this._clampPopupWidth() );
-	},
-
-	_createPrerequisites: function( screenPrerequisite, containerPrerequisite, whenDone ) {
-		var prerequisites,
-			self = this;
-
-		// It is important to maintain both the local variable prerequisites and
-		// self._prerequisites. The local variable remains in the closure of the
-		// functions which call the callbacks passed in. The comparison between the
-		// local variable and self._prerequisites is necessary, because once a
-		// function has been passed to .animationComplete() it will be called next
-		// time an animation completes, even if that's not the animation whose end
-		// the function was supposed to catch (for example, if an abort happens
-		// during the opening animation, the .animationComplete handler is not
-		// called for that animation anymore, but the handler remains attached, so
-		// it is called the next time the popup is opened - making it stale.
-		// Comparing the local variable prerequisites to the widget-level variable
-		// self._prerequisites ensures that callbacks triggered by a stale
-		// .animationComplete will be ignored.
-
-		prerequisites = {
-			screen: $.Deferred(),
-			container: $.Deferred()
-		};
-
-		prerequisites.screen.then( function() {
-			if ( prerequisites === self._prerequisites ) {
-				screenPrerequisite();
-			}
-		});
-
-		prerequisites.container.then( function() {
-			if ( prerequisites === self._prerequisites ) {
-				containerPrerequisite();
-			}
-		});
-
-		$.when( prerequisites.screen, prerequisites.container ).done( function() {
-			if ( prerequisites === self._prerequisites ) {
-				self._prerequisites = null;
-				whenDone();
-			}
-		});
-
-		self._prerequisites = prerequisites;
-	},
-
-	_animate: function( args ) {
-		// NOTE before removing the default animation of the screen
-		//      this had an animate callback that would resolve the deferred
-		//      now the deferred is resolved immediately
-		// TODO remove the dependency on the screen deferred
-		this._ui.screen
-			.removeClass( args.classToRemove )
-			.addClass( args.screenClassToAdd );
-
-		args.prerequisites.screen.resolve();
-
-		if ( args.transition && args.transition !== "none" ) {
-			if ( args.applyTransition ) {
-				this._applyTransition( args.transition );
-			}
-			if ( this._fallbackTransition ) {
-				this._ui.container
-					.addClass( args.containerClassToAdd )
-					.removeClass( args.classToRemove )
-					.animationComplete( $.proxy( args.prerequisites.container, "resolve" ) );
-				return;
-			}
-		}
-		this._ui.container.removeClass( args.classToRemove );
-		args.prerequisites.container.resolve();
-	},
-
-	// The desired coordinates passed in will be returned untouched if no reference element can be identified via
-	// desiredPosition.positionTo. Nevertheless, this function ensures that its return value always contains valid
-	// x and y coordinates by specifying the center middle of the window if the coordinates are absent.
-	// options: { x: coordinate, y: coordinate, positionTo: string: "origin", "window", or jQuery selector
-	_desiredCoords: function( openOptions ) {
-		var offset,
-			dst = null,
-			windowCoordinates = getWindowCoordinates( this.window ),
-			x = openOptions.x,
-			y = openOptions.y,
-			pTo = openOptions.positionTo;
-
-		// Establish which element will serve as the reference
-		if ( pTo && pTo !== "origin" ) {
-			if ( pTo === "window" ) {
-				x = windowCoordinates.cx / 2 + windowCoordinates.x;
-				y = windowCoordinates.cy / 2 + windowCoordinates.y;
-			} else {
-				try {
-					dst = $( pTo );
-				} catch( err ) {
-					dst = null;
-				}
-				if ( dst ) {
-					dst.filter( ":visible" );
-					if ( dst.length === 0 ) {
-						dst = null;
-					}
-				}
-			}
-		}
-
-		// If an element was found, center over it
-		if ( dst ) {
-			offset = dst.offset();
-			x = offset.left + dst.outerWidth() / 2;
-			y = offset.top + dst.outerHeight() / 2;
-		}
-
-		// Make sure x and y are valid numbers - center over the window
-		if ( $.type( x ) !== "number" || isNaN( x ) ) {
-			x = windowCoordinates.cx / 2 + windowCoordinates.x;
-		}
-		if ( $.type( y ) !== "number" || isNaN( y ) ) {
-			y = windowCoordinates.cy / 2 + windowCoordinates.y;
-		}
-
-		return { x: x, y: y };
-	},
-
-	_reposition: function( openOptions ) {
-		// We only care about position-related parameters for repositioning
-		openOptions = {
-			x: openOptions.x,
-			y: openOptions.y,
-			positionTo: openOptions.positionTo
-		};
-		this._trigger( "beforeposition", undefined, openOptions );
-		this._ui.container.offset( this._placementCoords( this._desiredCoords( openOptions ) ) );
-	},
-
-	reposition: function( openOptions ) {
-		if ( this._isOpen ) {
-			this._reposition( openOptions );
-		}
-	},
-
-	_safelyBlur: function( currentElement ){
-		if ( currentElement !== this.window[ 0 ] &&
-			currentElement.nodeName.toLowerCase() !== "body" ) {
-				$( currentElement ).blur();
-		}
-	},
-
-	_openPrerequisitesComplete: function() {
-		var id = this.element.attr( "id" ),
-			firstFocus = this._ui.container.find( ":focusable" ).first();
-
-		this._ui.container.addClass( "ui-popup-active" );
-		this._isOpen = true;
-		this._resizeScreen();
-
-		// Check to see if currElement is not a child of the container.  If it's not, blur
-		if ( !$.contains( this._ui.container[ 0 ], this.document[ 0 ].activeElement ) ) {
-			this._safelyBlur( this.document[ 0 ].activeElement );
-		}
-		if ( firstFocus.length > 0 ) {
-			this._ui.focusElement = firstFocus;
-		}
-		this._ignoreResizeEvents();
-		if ( id ) {
-			this.document.find( "[aria-haspopup='true'][aria-owns='" +  id + "']" ).attr( "aria-expanded", true );
-		}
-		this._trigger( "afteropen" );
-	},
-
-	_open: function( options ) {
-		var openOptions = $.extend( {}, this.options, options ),
-			// TODO move blacklist to private method
-			androidBlacklist = ( function() {
-				var ua = navigator.userAgent,
-					// Rendering engine is Webkit, and capture major version
-					wkmatch = ua.match( /AppleWebKit\/([0-9\.]+)/ ),
-					wkversion = !!wkmatch && wkmatch[ 1 ],
-					androidmatch = ua.match( /Android (\d+(?:\.\d+))/ ),
-					andversion = !!androidmatch && androidmatch[ 1 ],
-					chromematch = ua.indexOf( "Chrome" ) > -1;
-
-				// Platform is Android, WebKit version is greater than 534.13 ( Android 3.2.1 ) and not Chrome.
-				if ( androidmatch !== null && andversion === "4.0" && wkversion && wkversion > 534.13 && !chromematch ) {
-					return true;
-				}
-				return false;
-			}());
-
-		// Count down to triggering "popupafteropen" - we have two prerequisites:
-		// 1. The popup window animation completes (container())
-		// 2. The screen opacity animation completes (screen())
-		this._createPrerequisites(
-			$.noop,
-			$.noop,
-			$.proxy( this, "_openPrerequisitesComplete" ) );
-
-		this._currentTransition = openOptions.transition;
-		this._applyTransition( openOptions.transition );
-
-		this._ui.screen.removeClass( "ui-screen-hidden" );
-		this._ui.container.removeClass( "ui-popup-truncate" );
-
-		// Give applications a chance to modify the contents of the container before it appears
-		this._reposition( openOptions );
-
-		this._ui.container.removeClass( "ui-popup-hidden" );
-
-		if ( this.options.overlayTheme && androidBlacklist ) {
-			/* TODO: The native browser on Android 4.0.X ("Ice Cream Sandwich") suffers from an issue where the popup overlay appears to be z-indexed above the popup itself when certain other styles exist on the same page -- namely, any element set to `position: fixed` and certain types of input. These issues are reminiscent of previously uncovered bugs in older versions of Android's native browser: https://github.com/scottjehl/Device-Bugs/issues/3
-			This fix closes the following bugs ( I use "closes" with reluctance, and stress that this issue should be revisited as soon as possible ):
-			https://github.com/jquery/jquery-mobile/issues/4816
-			https://github.com/jquery/jquery-mobile/issues/4844
-			https://github.com/jquery/jquery-mobile/issues/4874
-			*/
-
-			// TODO sort out why this._page isn't working
-			this.element.closest( ".ui-page" ).addClass( "ui-popup-open" );
-		}
-		this._animate({
-			additionalCondition: true,
-			transition: openOptions.transition,
-			classToRemove: "",
-			screenClassToAdd: "in",
-			containerClassToAdd: "in",
-			applyTransition: false,
-			prerequisites: this._prerequisites
-		});
-	},
-
-	_closePrerequisiteScreen: function() {
-		this._ui.screen
-			.removeClass( "out" )
-			.addClass( "ui-screen-hidden" );
-	},
-
-	_closePrerequisiteContainer: function() {
-		this._ui.container
-			.removeClass( "reverse out" )
-			.addClass( "ui-popup-hidden ui-popup-truncate" )
-			.removeAttr( "style" );
-	},
-
-	_closePrerequisitesDone: function() {
-		var container = this._ui.container,
-			id = this.element.attr( "id" );
-
-		// remove the global mutex for popups
-		$.mobile.popup.active = undefined;
-
-		// Blur elements inside the container, including the container
-		$( ":focus", container[ 0 ] ).add( container[ 0 ] ).blur();
-
-		if ( id ) {
-			this.document.find( "[aria-haspopup='true'][aria-owns='" +  id + "']" ).attr( "aria-expanded", false );
-		}
-
-		// alert users that the popup is closed
-		this._trigger( "afterclose" );
-	},
-
-	_close: function( immediate ) {
-		this._ui.container.removeClass( "ui-popup-active" );
-		this._page.removeClass( "ui-popup-open" );
-
-		this._isOpen = false;
-
-		// Count down to triggering "popupafterclose" - we have two prerequisites:
-		// 1. The popup window reverse animation completes (container())
-		// 2. The screen opacity animation completes (screen())
-		this._createPrerequisites(
-			$.proxy( this, "_closePrerequisiteScreen" ),
-			$.proxy( this, "_closePrerequisiteContainer" ),
-			$.proxy( this, "_closePrerequisitesDone" ) );
-
-		this._animate( {
-			additionalCondition: this._ui.screen.hasClass( "in" ),
-			transition: ( immediate ? "none" : ( this._currentTransition ) ),
-			classToRemove: "in",
-			screenClassToAdd: "out",
-			containerClassToAdd: "reverse out",
-			applyTransition: true,
-			prerequisites: this._prerequisites
-		});
-	},
-
-	_unenhance: function() {
-		if ( this.options.enhanced ) {
-			return;
-		}
-
-		// Put the element back to where the placeholder was and remove the "ui-popup" class
-		this._setOptions( { theme: $.mobile.popup.prototype.options.theme } );
-		this.element
-			// Cannot directly insertAfter() - we need to detach() first, because
-			// insertAfter() will do nothing if the payload div was not attached
-			// to the DOM at the time the widget was created, and so the payload
-			// will remain inside the container even after we call insertAfter().
-			// If that happens and we remove the container a few lines below, we
-			// will cause an infinite recursion - #5244
-			.detach()
-			.insertAfter( this._ui.placeholder )
-			.removeClass( "ui-popup ui-overlay-shadow ui-corner-all ui-body-inherit" );
-		this._ui.screen.remove();
-		this._ui.container.remove();
-		this._ui.placeholder.remove();
-	},
-
-	_destroy: function() {
-		if ( $.mobile.popup.active === this ) {
-			this.element.one( "popupafterclose", $.proxy( this, "_unenhance" ) );
-			this.close();
-		} else {
-			this._unenhance();
-		}
-
-		return this;
-	},
-
-	_closePopup: function( theEvent, data ) {
-		var parsedDst, toUrl,
-			currentOptions = this.options,
-			immediate = false;
-
-		if ( ( theEvent && theEvent.isDefaultPrevented() ) || $.mobile.popup.active !== this ) {
-			return;
-		}
-
-		// restore location on screen
-		window.scrollTo( 0, this._scrollTop );
-
-		if ( theEvent && theEvent.type === "pagebeforechange" && data ) {
-			// Determine whether we need to rapid-close the popup, or whether we can
-			// take the time to run the closing transition
-			if ( typeof data.toPage === "string" ) {
-				parsedDst = data.toPage;
-			} else {
-				parsedDst = data.toPage.jqmData( "url" );
-			}
-			parsedDst = $.mobile.path.parseUrl( parsedDst );
-			toUrl = parsedDst.pathname + parsedDst.search + parsedDst.hash;
-
-			if ( this._myUrl !== $.mobile.path.makeUrlAbsolute( toUrl ) ) {
-				// Going to a different page - close immediately
-				immediate = true;
-			} else {
-				theEvent.preventDefault();
-			}
-		}
-
-		// remove nav bindings
-		this.window.off( currentOptions.closeEvents );
-		// unbind click handlers added when history is disabled
-		this.element.undelegate( currentOptions.closeLinkSelector, currentOptions.closeLinkEvents );
-
-		this._close( immediate );
-	},
-
-	// any navigation event after a popup is opened should close the popup
-	// NOTE the pagebeforechange is bound to catch navigation events that don't
-	//      alter the url (eg, dialogs from popups)
-	_bindContainerClose: function() {
-		this.window
-			.on( this.options.closeEvents, $.proxy( this, "_closePopup" ) );
-	},
-
-	widget: function() {
-		return this._ui.container;
-	},
-
-	// TODO no clear deliniation of what should be here and
-	// what should be in _open. Seems to be "visual" vs "history" for now
-	open: function( options ) {
-		var url, hashkey, activePage, currentIsDialog, hasHash, urlHistory,
-			self = this,
-			currentOptions = this.options;
-
-		// make sure open is idempotent
-		if ( $.mobile.popup.active || currentOptions.disabled ) {
-			return this;
-		}
-
-		// set the global popup mutex
-		$.mobile.popup.active = this;
-		this._scrollTop = this.window.scrollTop();
-
-		// if history alteration is disabled close on navigate events
-		// and leave the url as is
-		if ( !( currentOptions.history ) ) {
-			self._open( options );
-			self._bindContainerClose();
-
-			// When histoy is disabled we have to grab the data-rel
-			// back link clicks so we can close the popup instead of
-			// relying on history to do it for us
-			self.element
-				.delegate( currentOptions.closeLinkSelector, currentOptions.closeLinkEvents, function( theEvent ) {
-					self.close();
-					theEvent.preventDefault();
-				});
-
-			return this;
-		}
-
-		// cache some values for min/readability
-		urlHistory = $.mobile.navigate.history;
-		hashkey = $.mobile.dialogHashKey;
-		activePage = $.mobile.activePage;
-		currentIsDialog = ( activePage ? activePage.hasClass( "ui-dialog" ) : false );
-		this._myUrl = url = urlHistory.getActive().url;
-		hasHash = ( url.indexOf( hashkey ) > -1 ) && !currentIsDialog && ( urlHistory.activeIndex > 0 );
-
-		if ( hasHash ) {
-			self._open( options );
-			self._bindContainerClose();
-			return this;
-		}
-
-		// if the current url has no dialog hash key proceed as normal
-		// otherwise, if the page is a dialog simply tack on the hash key
-		if ( url.indexOf( hashkey ) === -1 && !currentIsDialog ) {
-			url = url + (url.indexOf( "#" ) > -1 ? hashkey : "#" + hashkey);
-		} else {
-			url = $.mobile.path.parseLocation().hash + hashkey;
-		}
-
-		// swallow the the initial navigation event, and bind for the next
-		this.window.one( "beforenavigate", function( theEvent ) {
-			theEvent.preventDefault();
-			self._open( options );
-			self._bindContainerClose();
-		});
-
-		this.urlAltered = true;
-		$.mobile.navigate( url, { role: "dialog" } );
-
-		return this;
-	},
-
-	close: function() {
-		// make sure close is idempotent
-		if ( $.mobile.popup.active !== this ) {
-			return this;
-		}
-
-		this._scrollTop = this.window.scrollTop();
-
-		if ( this.options.history && this.urlAltered ) {
-			$.mobile.back();
-			this.urlAltered = false;
-		} else {
-			// simulate the nav bindings having fired
-			this._closePopup();
-		}
-
-		return this;
-	}
-});
-
-// TODO this can be moved inside the widget
-$.mobile.popup.handleLink = function( $link ) {
-	var offset,
-		path = $.mobile.path,
-
-		// NOTE make sure to get only the hash from the href because ie7 (wp7)
-		//      returns the absolute href in this case ruining the element selection
-		popup = $( path.hashToSelector( path.parseUrl( $link.attr( "href" ) ).hash ) ).first();
-
-	if ( popup.length > 0 && popup.data( "mobile-popup" ) ) {
-		offset = $link.offset();
-		popup.popup( "open", {
-			x: offset.left + $link.outerWidth() / 2,
-			y: offset.top + $link.outerHeight() / 2,
-			transition: $link.jqmData( "transition" ),
-			positionTo: $link.jqmData( "position-to" )
-		});
-	}
-
-	//remove after delay
-	setTimeout( function() {
-		$link.removeClass( $.mobile.activeBtnClass );
-	}, 300 );
-};
-
-// TODO move inside _create
-$.mobile.document.on( "pagebeforechange", function( theEvent, data ) {
-	if ( data.options.role === "popup" ) {
-		$.mobile.popup.handleLink( data.options.link );
-		theEvent.preventDefault();
-	}
-});
-
-})( jQuery );
-
-
-( function( $, undefined ) {
-
-var ieHack = ( $.mobile.browser.oldIE && $.mobile.browser.oldIE <= 8 ),
-	uiTemplate = $(
-		"
" +
-		"
" +
-			"
" +
-		"
"
-	);
-
-function getArrow() {
-	var clone = uiTemplate.clone(),
-		gd = clone.eq( 0 ),
-		ct = clone.eq( 1 ),
-		ar = ct.children();
-
-	return { arEls: ct.add( gd ), gd: gd, ct: ct, ar: ar };
-}
-
-$.widget( "mobile.popup", $.mobile.popup, {
-	options: {
-
-		arrow: ""
-	},
-
-	_create: function() {
-		var ar,
-			ret = this._super();
-
-		if ( this.options.arrow ) {
-			this._ui.arrow = ar = this._addArrow();
-		}
-
-		return ret;
-	},
-
-	_addArrow: function() {
-		var theme,
-			opts = this.options,
-			ar = getArrow();
-
-		theme = this._themeClassFromOption( "ui-body-", opts.theme );
-		ar.ar.addClass( theme + ( opts.shadow ? " ui-overlay-shadow" : "" ) );
-		ar.arEls.hide().appendTo( this.element );
-
-		return ar;
-	},
-
-	_unenhance: function() {
-		var ar = this._ui.arrow;
-
-		if ( ar ) {
-			ar.arEls.remove();
-		}
-
-		return this._super();
-	},
-
-	// Pretend to show an arrow described by @p and @dir and calculate the
-	// distance from the desired point. If a best-distance is passed in, return
-	// the minimum of the one passed in and the one calculated.
-	_tryAnArrow: function( p, dir, desired, s, best ) {
-		var result, r, diff, desiredForArrow = {}, tip = {};
-
-		// If the arrow has no wiggle room along the edge of the popup, it cannot
-		// be displayed along the requested edge without it sticking out.
-		if ( s.arFull[ p.dimKey ] > s.guideDims[ p.dimKey ] ) {
-			return best;
-		}
-
-		desiredForArrow[ p.fst ] = desired[ p.fst ] +
-			( s.arHalf[ p.oDimKey ] + s.menuHalf[ p.oDimKey ] ) * p.offsetFactor -
-			s.contentBox[ p.fst ] + ( s.clampInfo.menuSize[ p.oDimKey ] - s.contentBox[ p.oDimKey ] ) * p.arrowOffsetFactor;
-		desiredForArrow[ p.snd ] = desired[ p.snd ];
-
-		result = s.result || this._calculateFinalLocation( desiredForArrow, s.clampInfo );
-		r = { x: result.left, y: result.top };
-
-		tip[ p.fst ] = r[ p.fst ] + s.contentBox[ p.fst ] + p.tipOffset;
-		tip[ p.snd ] = Math.max( result[ p.prop ] + s.guideOffset[ p.prop ] + s.arHalf[ p.dimKey ],
-			Math.min( result[ p.prop ] + s.guideOffset[ p.prop ] + s.guideDims[ p.dimKey ] - s.arHalf[ p.dimKey ],
-				desired[ p.snd ] ) );
-
-		diff = Math.abs( desired.x - tip.x ) + Math.abs( desired.y - tip.y );
-		if ( !best || diff < best.diff ) {
-			// Convert tip offset to coordinates inside the popup
-			tip[ p.snd ] -= s.arHalf[ p.dimKey ] + result[ p.prop ] + s.contentBox[ p.snd ];
-			best = { dir: dir, diff: diff, result: result, posProp: p.prop, posVal: tip[ p.snd ] };
-		}
-
-		return best;
-	},
-
-	_getPlacementState: function( clamp ) {
-		var offset, gdOffset,
-			ar = this._ui.arrow,
-			state = {
-				clampInfo: this._clampPopupWidth( !clamp ),
-				arFull: { cx: ar.ct.width(), cy: ar.ct.height() },
-				guideDims: { cx: ar.gd.width(), cy: ar.gd.height() },
-				guideOffset: ar.gd.offset()
-			};
-
-		offset = this.element.offset();
-
-		ar.gd.css( { left: 0, top: 0, right: 0, bottom: 0 } );
-		gdOffset = ar.gd.offset();
-		state.contentBox = {
-			x: gdOffset.left - offset.left,
-			y: gdOffset.top - offset.top,
-			cx: ar.gd.width(),
-			cy: ar.gd.height()
-		};
-		ar.gd.removeAttr( "style" );
-
-		// The arrow box moves between guideOffset and guideOffset + guideDims - arFull
-		state.guideOffset = { left: state.guideOffset.left - offset.left, top: state.guideOffset.top - offset.top };
-		state.arHalf = { cx: state.arFull.cx / 2, cy: state.arFull.cy / 2 };
-		state.menuHalf = { cx: state.clampInfo.menuSize.cx / 2, cy: state.clampInfo.menuSize.cy / 2 };
-
-		return state;
-	},
-
-	_placementCoords: function( desired ) {
-		var state, best, params, elOffset, bgRef,
-			optionValue = this.options.arrow,
-			ar = this._ui.arrow;
-
-		if ( !ar ) {
-			return this._super( desired );
-		}
-
-		ar.arEls.show();
-
-		bgRef = {};
-		state = this._getPlacementState( true );
-		params = {
-			"l": { fst: "x", snd: "y", prop: "top", dimKey: "cy", oDimKey: "cx", offsetFactor: 1, tipOffset:  -state.arHalf.cx, arrowOffsetFactor: 0 },
-			"r": { fst: "x", snd: "y", prop: "top", dimKey: "cy", oDimKey: "cx", offsetFactor: -1, tipOffset: state.arHalf.cx + state.contentBox.cx, arrowOffsetFactor: 1 },
-			"b": { fst: "y", snd: "x", prop: "left", dimKey: "cx", oDimKey: "cy", offsetFactor: -1, tipOffset: state.arHalf.cy + state.contentBox.cy, arrowOffsetFactor: 1 },
-			"t": { fst: "y", snd: "x", prop: "left", dimKey: "cx", oDimKey: "cy", offsetFactor: 1, tipOffset: -state.arHalf.cy, arrowOffsetFactor: 0 }
-		};
-
-		// Try each side specified in the options to see on which one the arrow
-		// should be placed such that the distance between the tip of the arrow and
-		// the desired coordinates is the shortest.
-		$.each( ( optionValue === true ? "l,t,r,b" : optionValue ).split( "," ),
-			$.proxy( function( key, value ) {
-				best = this._tryAnArrow( params[ value ], value, desired, state, best );
-			}, this ) );
-
-		// Could not place the arrow along any of the edges - behave as if showing
-		// the arrow was turned off.
-		if ( !best ) {
-			ar.arEls.hide();
-			return this._super( desired );
-		}
-
-		// Move the arrow into place
-		ar.ct
-			.removeClass( "ui-popup-arrow-l ui-popup-arrow-t ui-popup-arrow-r ui-popup-arrow-b" )
-			.addClass( "ui-popup-arrow-" + best.dir )
-			.removeAttr( "style" ).css( best.posProp, best.posVal )
-			.show();
-
-		// Do not move/size the background div on IE, because we use the arrow div for background as well.
-		if ( !ieHack ) {
-			elOffset = this.element.offset();
-			bgRef[ params[ best.dir ].fst ] = ar.ct.offset();
-			bgRef[ params[ best.dir ].snd ] = {
-				left: elOffset.left + state.contentBox.x,
-				top: elOffset.top + state.contentBox.y
-			};
-		}
-
-		return best.result;
-	},
-
-	_setOptions: function( opts ) {
-		var newTheme,
-			oldTheme = this.options.theme,
-			ar = this._ui.arrow,
-			ret = this._super( opts );
-
-		if ( opts.arrow !== undefined ) {
-			if ( !ar && opts.arrow ) {
-				this._ui.arrow = this._addArrow();
-
-				// Important to return here so we don't set the same options all over
-				// again below.
-				return;
-			} else if ( ar && !opts.arrow ) {
-				ar.arEls.remove();
-				this._ui.arrow = null;
-			}
-		}
-
-		// Reassign with potentially new arrow
-		ar = this._ui.arrow;
-
-		if ( ar ) {
-			if ( opts.theme !== undefined ) {
-				oldTheme = this._themeClassFromOption( "ui-body-", oldTheme );
-				newTheme = this._themeClassFromOption( "ui-body-", opts.theme );
-				ar.ar.removeClass( oldTheme ).addClass( newTheme );
-			}
-
-			if ( opts.shadow !== undefined ) {
-				ar.ar.toggleClass( "ui-overlay-shadow", opts.shadow );
-			}
-		}
-
-		return ret;
-	},
-
-	_destroy: function() {
-		var ar = this._ui.arrow;
-
-		if ( ar ) {
-			ar.arEls.remove();
-		}
-
-		return this._super();
-	}
-});
-
-})( jQuery );
-
-
-
 }));
\ No newline at end of file
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
index 7ea600d6d..c89277e8c 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
@@ -1804,356 +1804,4 @@ ol.ui-listview > li img:first-child + * ~ * {
 	.ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
 		display: none;
 	}
-}
-
-
-.ui-popup-open .ui-header-fixed,
-.ui-popup-open .ui-footer-fixed {
-	position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
-}
-.ui-popup-screen {
-	background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 1px;
-	position: absolute;
-	filter: Alpha(Opacity=0);
-	opacity: 0;
-	z-index: 1099;
-}
-.ui-popup-screen.in {
-	opacity: 0.5;
-	filter: Alpha(Opacity=50);
-}
-.ui-popup-screen.out {
-	opacity: 0;
-	filter: Alpha(Opacity=0);
-}
-.ui-popup-container {
-	z-index: 1100;
-	display: inline-block;
-	position: absolute;
-	padding: 0;
-	outline: 0;
-}
-.ui-popup {
-	position: relative;
-}
-.ui-popup.ui-body-inherit {
-	border-width: 1px;
-	border-style: solid;
-}
-.ui-popup-hidden {
-	left: 0;
-	top: 0;
-	position: absolute !important;
-	visibility: hidden;
-}
-.ui-popup-truncate {
-	height: 1px;
-	width: 1px;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(1px,1px,1px,1px);
-}
-.ui-popup.ui-content,
-.ui-popup .ui-content {
-	overflow: visible;
-}
-.ui-popup > .ui-header {
-	border-top-width: 0;
-}
-.ui-popup > .ui-footer {
-	border-bottom-width: 0;
-}
-.ui-popup > p,
-.ui-popup > h1,
-.ui-popup > h2,
-.ui-popup > h3,
-.ui-popup > h4,
-.ui-popup > h5,
-.ui-popup > h6 {
-	margin: .5em .4375em;
-}
-.ui-popup > span {
-	display: block;
-	margin: .5em .4375em;
-}
-.ui-popup-container .ui-content > p,
-.ui-popup-container .ui-content > h1,
-.ui-popup-container .ui-content > h2,
-.ui-popup-container .ui-content > h3,
-.ui-popup-container .ui-content > h4,
-.ui-popup-container .ui-content > h5,
-.ui-popup-container .ui-content > h6 {
-	margin: .5em 0;
-}
-.ui-popup-container .ui-content > span {
-	margin: 0;
-}
-.ui-popup-container .ui-content > p:first-child,
-.ui-popup-container .ui-content > h1:first-child,
-.ui-popup-container .ui-content > h2:first-child,
-.ui-popup-container .ui-content > h3:first-child,
-.ui-popup-container .ui-content > h4:first-child,
-.ui-popup-container .ui-content > h5:first-child,
-.ui-popup-container .ui-content > h6:first-child {
-	margin-top: 0;
-}
-.ui-popup-container .ui-content > p:last-child,
-.ui-popup-container .ui-content > h1:last-child,
-.ui-popup-container .ui-content > h2:last-child,
-.ui-popup-container .ui-content > h3:last-child,
-.ui-popup-container .ui-content > h4:last-child,
-.ui-popup-container .ui-content > h5:last-child,
-.ui-popup-container .ui-content > h6:last-child {
-	margin-bottom: 0;
-}
-.ui-popup > img {
-	max-width: 100%;
-	max-height: 100%;
-	vertical-align: middle;
-}
-.ui-popup:not(.ui-content) > img:only-child,
-.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
-.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
-	-webkit-border-radius: inherit;
-	border-radius: inherit;
-}
-.ui-popup iframe {
-	vertical-align: middle;
-}
-.ui-popup > .ui-btn-left,
-.ui-popup > .ui-btn-right {
-	position: absolute; 
-	top: -11px;
-	margin: 0;
-	z-index: 1101;
-}
-.ui-popup > .ui-btn-left {
-	left: -11px;
-}
-.ui-popup > .ui-btn-right {
-	right: -11px;
-}
-
-
-@-webkit-keyframes fadein {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-@-moz-keyframes fadein {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-@keyframes fadein {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
-    from { opacity: 1; }
-    to { opacity: 0; }
-}
-@-moz-keyframes fadeout {
-    from { opacity: 1; }
-    to { opacity: 0; }
-}
-@keyframes fadeout {
-    from { opacity: 1; }
-    to { opacity: 0; }
-}
-
-.fade.out {
-	opacity: 0;
-	-webkit-animation-duration: 125ms;
-	-webkit-animation-name: fadeout;
-	-moz-animation-duration: 125ms;
-	-moz-animation-name: fadeout;
-	animation-duration: 125ms;
-	animation-name: fadeout;
-}
-
-.fade.in {
-	opacity: 1;
-	-webkit-animation-duration: 225ms;
-	-webkit-animation-name: fadein;
-	-moz-animation-duration: 225ms;
-	-moz-animation-name: fadein;
-	animation-duration: 225ms;
-	animation-name: fadein;
-}
-
-
-/* Dimensions related to the popup arrow
------------------------------------------------------------------------------------------------------------*/
-/* desired triangle height: 10px */
-
-/**
- * guide for the arrow - its width, height, and offset are theme-dependent and
- * should be expessed as left, right, top, bottom, so that the element bearing
- * such a class becomes stretched inside its parent position: relative element.
- * The left/top/right/bottom specified below should reflect the corresponding
- * border radii and so it leaves room for the shadow:
- *     ..--------------------..
- *   ."        ^ top           ".
- *  /          v                 \
- * |     +------------------+     |
- * |     |                  |     |
- * | left|                  |right|
- * |<--->|                  |<--->|
- * |     +------------------+     |
- *  \          ^                 /
- *   `.        v bottom        .'
- *     ""--------------------""
- * The idea is that the top/left of the arrow container box does not move to a
- * coordinate smaller than the top/left of the guide and the right/bottom of
- * the arrow container box does not move to a coordinate larger than the
- * bottom/right of the guide. This will help us avoid the following situation:
- *        ..--------------------..
- *      ."        ^ top           ".
- *   /|/          v                 \
- *  / |     +------------------+     |
- *  \ |     |                  |     |
- *   \| left|                  |right|
- *    |<--->|                  |<--->|
- *    |     +------------------+     |
- *     \          ^                 /
- *      `.        v bottom        .'
- *        ""--------------------""
- * The arrow should not receive a top/left coordinate such that it is too close
- * to one of the corners, because then at first the shadow of the arrow and,
- * given a coordinate even closer to the corner, even the body of the arrow will
- * "stick out" of the corner of the popup. The guide provides a hint to the
- * arrow positioning code as to which range of values is acceptable for the
- * arrow container's top/left coordinate.
- **/
-
-.ui-popup-arrow-container {
-	width: 20px;
-	height: 20px;
-}
-
-/* aside from the "infinities" (-1000,2000), triangle height is used */
-.ui-popup-arrow-container.ui-popup-arrow-l {
-	left: -10px;
-	clip: rect(-1000px,10px,2000px,-1000px);
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-t {
-	top: -10px;
-	clip: rect(-1000px,2000px,10px,-1000px);
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-r {
-	right: -10px;
-	clip: rect(-1000px,2000px,2000px,10px);
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-b {
-	bottom: -10px;
-	clip: rect(10px,2000px,1000px,-1000px);
-}
-
-/**
- * For each side, the arrow is twice the desired size and its corner is aligned
- * with the edge of the container:
- *                                           
- *           /\         /\                +----+       /\
- *          /  \       /  \               | /\ |top   /  \
- *      +----+  \     /  +----+       +-->|/  \|     /    \
- *  left| /  |   \   /   |  \ |right  |   |    |    /      \
- *      |/   |    \ /    |   \|       |  /|    |\  /        \
- *      |\   |    / \    |   /|       | / +----+ \ \ +----+ /
- *      | \  |   /   \   |  / |       | \        /  \|    |/
- *      +----+  /     \  +----+       |  \      /    |    |
- *       ^  \  /       \  /  ^        |   \    /  +->|\  /|
- *       |   \/         \/   |        |    \  /   |  | \/ |bottom
- *       |                   |        |     \/    |  +----+
- *       +-------------------+--------+-----------+
- *                           |
- *                    arrow container
- *                     (clips arrow)
- **/
-
-.ui-popup-arrow-container .ui-popup-arrow {
-	/* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
-	width: 28.284271247px;
-	height: 28.284271247px;
-	border-width: 1px;
-	border-style: solid;
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
-	left: -4.142135623px;
-	top: 5.857864376px;
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
-	left: -4.142135623px;
-	top: -14.142135623px;
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
-	left: 5.857864376px;
-	top: -4.142135623px;
-}
-
-.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
-	left: -14.142135623px;
-	top: -4.142135623px;
-}
-
-/* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
-.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
-    margin-left: -5.857864376269049px;
-    margin-top: -7.0710678118654755px;
-}
-.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
-    margin-left: -5.857864376269049px;
-    margin-top: -4.142135623730951px;
-}
- 
-.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
-    margin-left: -7.0710678118654755px;
-    margin-top: -5.857864376269049px;
-}
-.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
-    margin-left: -4.142135623730951px;
-    margin-top: -5.857864376269049px;
-}
-
-/* structure */
-.ui-popup > .ui-popup-arrow-guide {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	visibility: hidden;
-}
-
-.ui-popup-arrow-container {
-	position: absolute;
-}
-
-.ui-popup-arrow {
-	-webkit-transform: rotate(45deg);
-	-moz-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
-	transform: rotate(45deg);
-	position: absolute;
-	overflow: hidden;
-	box-sizing: border-box;
-}
-
-.ui-popup-arrow-container.ie .ui-popup-arrow {
-	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
-	filter: progid:DXImageTransform.Microsoft.Matrix(
-	      	M11=0.7071067811865474,
-        	M12=-0.7071067811865477,
-        	M21=0.7071067811865477,
-        	M22=0.7071067811865474,
-        	SizingMethod='auto expand');
 }
\ No newline at end of file
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css
index 9ee28aa1c..ceac32852 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css
@@ -118,13 +118,6 @@ label.ui-btn {
 	-webkit-background-clip: padding;
 	background-clip: padding-box;
 }
-/* Popup arrow */
-.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
-	left: .6em /*{global-radii-blocks}*/;
-	right: .6em /*{global-radii-blocks}*/;
-	top: .6em /*{global-radii-blocks}*/;
-	bottom: .6em /*{global-radii-blocks}*/;
-}
 
 /* Shadow
 -----------------------------------------------------------------------------------------------------------*/
diff --git a/dashboard-ui/userparentalcontrol.html b/dashboard-ui/userparentalcontrol.html
index 479e0c2e4..90999d025 100644
--- a/dashboard-ui/userparentalcontrol.html
+++ b/dashboard-ui/userparentalcontrol.html
@@ -4,7 +4,7 @@
     
 
 
-    

+    

 
         

             

diff --git a/dashboard-ui/userprofiles.html b/dashboard-ui/userprofiles.html
index b6099554b..95c1b2b15 100644
--- a/dashboard-ui/userprofiles.html
+++ b/dashboard-ui/userprofiles.html
@@ -4,7 +4,7 @@
     ${TitleUsers}
 
 
-    

+    

 
         

             

diff --git a/dashboard-ui/wizardlibrary.html b/dashboard-ui/wizardlibrary.html
index ada13d43b..1532991fb 100644
--- a/dashboard-ui/wizardlibrary.html
+++ b/dashboard-ui/wizardlibrary.html
@@ -4,7 +4,7 @@
     Emby
 
 
-    

+