unwrapped similar items api into separate endpoints for each type

ApiClient.js

@@ -257,9 +257,53 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout) {
             });
         };
 
-        self.getSimilarItems = function (itemId, options) {
+        self.getSimilarMovies = function (itemId, options) {
 
-            var url = self.getUrl("Items/" + itemId + "/Similar", options);
+            var url = self.getUrl("Movies/" + itemId + "/Similar", options);
+
+            return self.ajax({
+                type: "GET",
+                url: url,
+                dataType: "json"
+            });
+        };
+
+        self.getSimilarTrailers = function (itemId, options) {
+
+            var url = self.getUrl("Trailers/" + itemId + "/Similar", options);
+
+            return self.ajax({
+                type: "GET",
+                url: url,
+                dataType: "json"
+            });
+        };
+
+        self.getSimilarShows = function (itemId, options) {
+
+            var url = self.getUrl("Shows/" + itemId + "/Similar", options);
+
+            return self.ajax({
+                type: "GET",
+                url: url,
+                dataType: "json"
+            });
+        };
+
+        self.getSimilarAlbums = function (itemId, options) {
+
+            var url = self.getUrl("Albums/" + itemId + "/Similar", options);
+
+            return self.ajax({
+                type: "GET",
+                url: url,
+                dataType: "json"
+            });
+        };
+
+        self.getSimilarGames = function (itemId, options) {
+
+            var url = self.getUrl("Games/" + itemId + "/Similar", options);
 
             return self.ajax({
                 type: "GET",

dashboard-ui/scripts/Itemdetailpage.js

@@ -281,22 +281,33 @@
 
     function renderSimilarItems(page, item) {
 
-        if (item.Type != "Movie" &&
+        var promise;
-            item.Type != "Trailer" &&
-            item.Type != "MusicAlbum" &&
-            item.Type != "Series" &&
-            item.MediaType != "Game") {
 
+        var options = {
+            userId: Dashboard.getCurrentUserId(),
+            limit: item.Type == "MusicAlbum" ? 6 : 8
+        };
+        
+        if (item.Type == "Movie") {
+            promise = ApiClient.getSimilarMovies(item.Id, options);
+        }
+        else if (item.Type == "Trailer") {
+            promise = ApiClient.getSimilarTrailers(item.Id, options);
+        }
+        else if (item.Type == "MusicAlbum") {
+            promise = ApiClient.getSimilarAlbums(item.Id, options);
+        }
+        else if (item.Type == "Series") {
+            promise = ApiClient.getSimilarShows(item.Id, options);
+        }
+        else if (item.MediaType == "Game") {
+            promise = ApiClient.getSimilarGames(item.Id, options);
+        } else {
             $('#similarCollapsible', page).hide();
             return;
         }
 
-        ApiClient.getSimilarItems(item.Id, {
+        promise.done(function (result) {
-
-            userId: Dashboard.getCurrentUserId(),
-            limit: item.Type == "MusicAlbum" ? 6 : 8
-
-        }).done(function (result) {
 
             if (!result.Items.length) {
 

packages.config

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
-  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.118" targetFramework="net45" />
+  <package id="MediaBrowser.ApiClient.Javascript" version="3.0.119" targetFramework="net45" />
   <package id="ServiceStack.Common" version="3.9.46" targetFramework="net45" />
   <package id="ServiceStack.Text" version="3.9.45" targetFramework="net45" />
 </packages>