progress on movies home page

dashboard-ui/scripts/aboutpage.js

@@ -1,24 +1,12 @@
-var AboutPage = {
+(function ($, document) {
 
-    onPageShow: function () {
-        AboutPage.pollForInfo();
-    },
+    $(document).on('pageshow', "#aboutPage", function () {
 
+        var page = this;
+        
+        ApiClient.getSystemInfo().done(function(info) {
+            $('#appVersionNumber', page).html(info.Version);
+        });
+    });
 
-    pollForInfo: function () {
-        ApiClient.getSystemInfo().done(AboutPage.renderInfo);
-    },
-
-    renderInfo: function (info) {
-        AboutPage.renderSystemInfo(info);
-    },
-
-
-    renderSystemInfo: function (info) {
-        var page = $.mobile.activePage;
-        $('#appVersionNumber', page).html(info.Version);
-    },
-
-};
-
-$(document).on('pageshow', "#aboutPage", AboutPage.onPageShow);
+})(jQuery, document);

dashboard-ui/scripts/indexpage.js

@@ -1,11 +1,11 @@
-var IndexPage = {
+(function ($, document) {
 
-    onPageShow: function () {
-        IndexPage.loadLibrary(Dashboard.getCurrentUserId(), this);
-    },
+    $(document).on('pageshow', "#indexPage", function () {
 
-    loadLibrary: function (userId, page) {
+        var page = this;
 
+        var userId = Dashboard.getCurrentUserId();
+        
         if (!userId) {
             return;
         }
@@ -25,7 +25,6 @@
             }));
 
         });
-    }
-};
+    });
 
-$(document).on('pageshow', "#indexPage", IndexPage.onPageShow);
+})(jQuery, document);

dashboard-ui/scripts/moviesrecommended.js

@@ -0,0 +1,56 @@
+(function ($, document) {
+
+    $(document).on('pageshow', "#moviesRecommendedPage", function () {
+
+        var page = this;
+        
+        var options = {
+
+            SortBy: "DateCreated",
+            SortOrder: "Descending",
+            IncludeItemTypes: "Movie",
+            Limit: 5,
+            Recursive: true,
+            Fields: "PrimaryImageAspectRatio"
+        };
+
+        ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
+
+            $('#recentlyAddedItems', page).html(Dashboard.getPosterViewHtml({
+                items: result.Items,
+                useAverageAspectRatio: true
+            }));
+
+        });
+
+
+        options = {
+
+            SortBy: "DatePlayed",
+            SortOrder: "Descending",
+            IncludeItemTypes: "Movie",
+            Filters: "IsResumable",
+            Limit: 5,
+            Recursive: true,
+            Fields: "PrimaryImageAspectRatio"
+        };
+
+        ApiClient.getItems(Dashboard.getCurrentUserId(), options).done(function (result) {
+
+            if (result.Items.length) {
+                $('#resumableSection', page).show();
+            } else {
+                $('#resumableSection', page).hide();
+            }
+            
+            $('#resumableItems', page).html(Dashboard.getPosterViewHtml({
+                items: result.Items,
+                useAverageAspectRatio: true
+            }));
+
+        });
+
+    });
+
+
+})(jQuery, document);

dashboard-ui/scripts/site.js

@@ -493,8 +493,7 @@ var Dashboard = {
 
     getAveragePrimaryImageAspectRatio: function (items) {
 
-        var total = 0;
-        var count = 0;
+        var values = [];
 
         for (var i = 0, length = items.length; i < length; i++) {
 
@@ -504,11 +503,22 @@ var Dashboard = {
                 continue;
             }
 
-            total += ratio;
-            count++;
+            values[values.length] = ratio;
+        }
+        
+        if (!values.length) {
+            return null;
         }
 
-        return count == 0 ? 1 : total / count;
+        // Use the median
+        values.sort(function (a, b) { return a - b; });
+
+        var half = Math.floor(values.length / 2);
+
+        if (values.length % 2)
+            return values[half];
+        else
+            return (values[half - 1] + values[half]) / 2.0;
     },
 
     showUserFlyout: function () {