diff --git a/dashboard-ui/scripts/tvseries.js b/dashboard-ui/scripts/tvseries.js
new file mode 100644
index 0000000000..86fccce4fa
--- /dev/null
+++ b/dashboard-ui/scripts/tvseries.js
@@ -0,0 +1,345 @@
+var tvSeriesPage = {
+
+	onPageShow: function () {
+
+		tvSeriesPage.reload();
+	},
+
+	onPageHide: function () {
+
+		tvSeriesPage.item = null;
+	},
+
+	reload: function () {
+		var id = getParameterByName('id');
+
+		Dashboard.showLoadingMsg();
+
+		ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(tvSeriesPage.renderItem);
+	},
+
+	renderItem: function (item) {
+
+		tvSeriesPage.item = item;
+
+		var page = $.mobile.activePage;
+
+		tvSeriesPage.item = item;
+
+		var name = item.Name;
+
+		if (item.IndexNumber != null) {
+			name = item.IndexNumber + " - " + name;
+		}
+		if (item.ParentIndexNumber != null) {
+			name = item.ParentIndexNumber + "." + name;
+		}
+
+		Dashboard.setPageTitle(name);
+
+		tvSeriesPage.renderImage(item);
+		tvSeriesPage.renderOverviewBlock(item);
+
+		$('#itemName', page).html(name);
+
+		if (item.SeriesName || item.Album) {
+			var series_name = item.SeriesName || item.Album;
+			$('#seriesName', page).html(series_name).show();
+		}
+
+		tvSeriesPage.renderFav(item);
+		LibraryBrowser.renderLinks(item);
+
+		Dashboard.hideLoadingMsg();
+	},
+
+	renderImage: function (item) {
+
+		var page = $.mobile.activePage;
+
+		var imageTags = item.ImageTags || {};
+
+		var html = '';
+
+		var url;
+		var useBackgroundColor;
+
+		if (imageTags.Primary) {
+
+			url = ApiClient.getImageUrl(item.Id, {
+				type: "Primary",
+				width: 800,
+				tag: item.ImageTags.Primary
+			});
+		}
+		else if (item.BackdropImageTags && item.BackdropImageTags.length) {
+
+			url = ApiClient.getImageUrl(item.Id, {
+				type: "Backdrop",
+				width: 800,
+				tag: item.BackdropImageTags[0]
+			});
+		}
+		else if (imageTags.Thumb) {
+
+			url = ApiClient.getImageUrl(item.Id, {
+				type: "Thumb",
+				width: 800,
+				tag: item.ImageTags.Thumb
+			});
+		}
+		else if (imageTags.Disc) {
+
+			url = ApiClient.getImageUrl(item.Id, {
+				type: "Disc",
+				width: 800,
+				tag: item.ImageTags.Disc
+			});
+		}
+		else if (item.MediaType == "Audio") {
+			url = "css/images/items/detail/audio.png";
+			useBackgroundColor = true;
+		}
+		else if (item.MediaType == "Game") {
+			url = "css/images/items/detail/game.png";
+			useBackgroundColor = true;
+		}
+		else {
+			url = "css/images/items/detail/video.png";
+			useBackgroundColor = true;
+		}
+
+		if (url) {
+
+			var style = useBackgroundColor ? "background-color:" + LibraryBrowser.getMetroColor(item.Id) + ";" : "";
+
+			html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
+		}
+
+		$('#itemImage', page).html(html);
+	},
+
+	renderOverviewBlock: function (item) {
+
+		var page = $.mobile.activePage;
+
+		if (item.Taglines && item.Taglines.length) {
+			$('#itemTagline', page).html(item.Taglines[0]).show();
+		} else {
+			$('#itemTagline', page).hide();
+		}
+
+		if (item.Overview || item.OverviewHtml) {
+			var overview = item.OverviewHtml || item.Overview;
+
+			$('#itemOverview', page).html(overview).show();
+			$('#itemOverview a').each(function () {
+				$(this).attr("target", "_blank");
+			});
+		} else {
+			$('#itemOverview', page).hide();
+		}
+
+		if (item.CommunityRating) {
+			$('#itemCommunityRating', page).html(tvSeriesPage.getStarRating(item)).show().attr('title', item.CommunityRating);
+		} else {
+			$('#itemCommunityRating', page).hide();
+		}
+
+		var miscInfo = [];
+
+		if (item.ProductionYear) {
+			miscInfo.push(item.ProductionYear);
+		}
+
+		if (item.OfficialRating) {
+			miscInfo.push(item.OfficialRating);
+		}
+
+		if (item.RunTimeTicks) {
+
+			var minutes = item.RunTimeTicks / 600000000;
+
+			minutes = minutes || 1;
+
+			miscInfo.push(parseInt(minutes) + "min");
+		}
+
+		if (item.DisplayMediaType) {
+			miscInfo.push(item.DisplayMediaType);
+		}
+
+		if (item.VideoFormat && item.VideoFormat !== 'Standard') {
+			miscInfo.push(item.VideoFormat);
+		}
+
+		$('#itemMiscInfo', page).html(miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'));
+
+		tvSeriesPage.renderGenres(item);
+		tvSeriesPage.renderStudios(item);
+	},
+
+	renderGenres: function (item) {
+
+		var page = $.mobile.activePage;
+
+		if (item.Genres && item.Genres.length) {
+			var elem = $('#itemGenres', page).show();
+
+			var html = 'Genres:&nbsp;&nbsp;';
+
+			for (var i = 0, length = item.Genres.length; i < length; i++) {
+
+				if (i > 0) {
+					html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
+				}
+
+				html += '<a href="itembynamedetails.html?genre=' + item.Genres[i] + '">' + item.Genres[i] + '</a>';
+			}
+
+			elem.html(html).trigger('create');
+
+
+		} else {
+			$('#itemGenres', page).hide();
+		}
+	},
+
+	renderStudios: function (item) {
+
+		var page = $.mobile.activePage;
+
+		if (item.Studios && item.Studios.length) {
+			var elem = $('#itemStudios', page).show();
+
+			var html = 'Studios:&nbsp;&nbsp;';
+
+			for (var i = 0, length = item.Studios.length; i < length; i++) {
+
+				if (i > 0) {
+					html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
+				}
+
+				html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
+			}
+
+			elem.html(html).trigger('create');
+
+
+		} else {
+			$('#itemStudios', page).hide();
+		}
+	},
+
+	getStarRating: function (item) {
+		var rating = item.CommunityRating;
+
+		var html = "";
+		for (var i = 1; i <= 10; i++) {
+			if (rating < i - 1) {
+				html += "<div class='starRating emptyStarRating'></div>";
+			}
+			else if (rating < i) {
+				html += "<div class='starRating halfStarRating'></div>";
+			}
+			else {
+				html += "<div class='starRating'></div>";
+			}
+		}
+
+		return html;
+	},
+
+	renderFav: function (item) {
+		var html = '';
+		var page = $.mobile.activePage;
+
+		var userData = item.UserData || {};
+
+		if (typeof userData.Likes == "undefined") {
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
+		} else if (userData.Likes) {
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" onclick="ItemDetailPage.clearLike();" />';
+		} else {
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.clearLike();" />';
+			html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
+		}
+
+		if (userData.IsFavorite) {
+			html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
+		} else {
+			html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
+		}
+
+		$('#itemRatings', page).html(html);
+	},
+
+	setFavorite: function () {
+		var item = tvSeriesPage.item;
+
+		item.UserData = item.UserData || {};
+
+		var setting = !item.UserData.IsFavorite;
+		item.UserData.IsFavorite = setting;
+
+		ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
+
+		tvSeriesPage.renderFav(item);
+	},
+
+	setLike: function () {
+
+		var item = tvSeriesPage.item;
+
+		item.UserData = item.UserData || {};
+
+		item.UserData.Likes = true;
+
+		ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
+
+		tvSeriesPage.renderFav(item);
+	},
+
+	clearLike: function () {
+
+		var item = tvSeriesPage.item;
+
+		item.UserData = item.UserData || {};
+
+		item.UserData.Likes = undefined;
+
+		ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
+
+		tvSeriesPage.renderFav(item);
+	},
+
+	setDislike: function () {
+		var item = tvSeriesPage.item;
+
+		item.UserData = item.UserData || {};
+
+		item.UserData.Likes = false;
+
+		ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
+
+		tvSeriesPage.renderFav(item);
+	},
+
+	setPlayed: function () {
+		var item = tvSeriesPage.item;
+
+		item.UserData = item.UserData || {};
+
+		var setting = !item.UserData.Played;
+		item.UserData.Played = setting;
+
+		ApiClient.updatePlayedStatus(Dashboard.getCurrentUserId(), item.Id, setting);
+
+		tvSeriesPage.renderFav(item);
+	}
+
+};
+
+$(document).on('pageshow', "#tvSeriesPage", BoxsetPage.onPageShow).on('pagehide', "#tvSeriesPage", tvSeriesPage.onPageHide);
diff --git a/dashboard-ui/scripts/tvshows.js b/dashboard-ui/scripts/tvshows.js
index dd9f8b2c42..24baff1cc6 100644
--- a/dashboard-ui/scripts/tvshows.js
+++ b/dashboard-ui/scripts/tvshows.js
@@ -47,7 +47,7 @@
 
         html += '<td>';
 
-        var url = "itemdetails.html?id=" + item.Id;
+        var url = "tvseries.html?id=" + item.Id;
 
         var imageTags = item.ImageTags;
 
diff --git a/dashboard-ui/tvseries.html b/dashboard-ui/tvseries.html
new file mode 100644
index 0000000000..d0231d72b3
--- /dev/null
+++ b/dashboard-ui/tvseries.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+<div id="tvSeriesPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
+	<h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
+		<img src="css/images/home.png"></a>Movies</h1>
+	<div data-role="content" style="padding-top: 0;">
+
+		<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+			<a href="tvrecommended.html" data-role="button">Suggested</a>
+			<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
+			<a href="#" data-role="button">Genres</a>
+			<a href="#" data-role="button">Actors</a>
+		</div>
+
+		<h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
+		<h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
+
+		<div style="padding: 10px;">
+			<div class="itemImageBlock">
+				<div id="itemMedia" style="position: relative;">
+					<div id="itemImage"></div>
+				</div>
+			</div>
+
+			<div class="itemDetailBlock">
+
+				<p id="itemTagline" style="font-style: italic;"></p>
+				<p id="itemOverview"></p>
+				<p id="itemRatings"></p>
+				<p id="itemCommunityRating"></p>
+				<p id="itemMiscInfo" style="color: #ddd; font-size: 14px;"></p>
+
+				<p id="itemGenres"></p>
+				<p id="itemStudios"></p>
+				<p id="itemLinks"></p>
+			</div>
+		</div>
+
+	</div>
+</div>
+</body>
+</html>