From f5550ea80289e27f1db22269c4613705fd0ab5d6 Mon Sep 17 00:00:00 2001
From: Techywarrior <techywarrior@gmail.com>
Date: Sun, 31 Mar 2013 20:45:32 -0700
Subject: [PATCH] changed getRandomMetroColor to getMetroColor

---
 dashboard-ui/scripts/Itemdetailpage.js       |  6 ++++--
 dashboard-ui/scripts/itembynamedetailpage.js |  2 +-
 dashboard-ui/scripts/loginpage.js            |  2 +-
 dashboard-ui/scripts/plugincatalogpage.js    |  2 +-
 dashboard-ui/scripts/site.js                 | 17 +++++++++++++++--
 5 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 27b88d258..f882b7308 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -151,7 +151,7 @@
 
         if (url) {
 
-            var style = useBackgroundColor ? "background-color:" + Dashboard.getRandomMetroColor() + ";" : "";
+            var style = useBackgroundColor ? "background-color:" + Dashboard.getMetroColor(item.Id) + ";" : "";
 
             html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
         }
@@ -700,7 +700,9 @@
 
                 html += '<img src="' + imgUrl + '" />';
             } else {
-                html += '<img src="css/images/items/list/person.png" style="width:185px;"/>';
+                var style = "background-color:" + Dashboard.getMetroColor(cast.Name) + ";";
+
+                html += '<img src="css/images/items/list/person.png" style="max-width:185px; '+style+'"/>';
             }
 
             html += '<div class="posterViewItemText posterViewItemPrimaryText">' + cast.Name + '</div>';
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index 6754cd8e4..d810a1fff 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -95,7 +95,7 @@
         }
 
         if (url) {
-            var style = useBackgroundColor ? "background-color:" + Dashboard.getRandomMetroColor() + ";" : "";
+            var style = useBackgroundColor ? "background-color:" + Dashboard.getMetroColor(item.Id) + ";" : "";
 
             html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
         }
diff --git a/dashboard-ui/scripts/loginpage.js b/dashboard-ui/scripts/loginpage.js
index 5c17b90cb..5969e8e61 100644
--- a/dashboard-ui/scripts/loginpage.js
+++ b/dashboard-ui/scripts/loginpage.js
@@ -60,7 +60,7 @@
 
             var linkId = "lnkUser" + i;
 
-            var background = Dashboard.getRandomMetroColor();
+            var background = Dashboard.getMetroColor(user.Id);
 
             html += '<div class="posterViewItem posterViewItemWithDualText">';
 
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index f20cbbb09..16e6d23c6 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -54,7 +54,7 @@
                 }
             }
 
-            var color = plugin.tileColor || Dashboard.getRandomMetroColor();
+            var color = plugin.tileColor || Dashboard.getMetroColor(plugin.name);
 
             html += "<div class='posterViewItemText' style='background:" + color + "'>";
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index e710383e1..7e00d6c96 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -472,11 +472,11 @@ var Dashboard = {
             }
             else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {
 
-                html += "<img style='background:" + Dashboard.getRandomMetroColor() + ";' src='css/images/items/list/audio.png' />";
+                html += "<img style='background:" + Dashboard.getMetroColor(item.Id) + ";' src='css/images/items/list/audio.png' />";
             }
             else {
 
-                html += "<img style='background:" + Dashboard.getRandomMetroColor() + ";' src='css/images/items/list/collection.png' />";
+                html += "<img style='background:" + Dashboard.getMetroColor(item.Id) + ";' src='css/images/items/list/collection.png' />";
             }
 
             if (showText) {
@@ -1146,6 +1146,19 @@ var Dashboard = {
         var index = Math.floor(Math.random() * (Dashboard.metroColors.length - 1));
 
         return Dashboard.metroColors[index];
+    },
+
+    getMetroColor: function (str) {
+
+        if (str) {
+            var char = str.substr(0,1).charCodeAt();
+            var index = String(char).substr(char.length,1);
+
+            return Dashboard.metroColors[index];
+        }else {
+            return Dashboard.getRandomMetroColor();
+        }
+
     }
 
 };