1 files changed, 25 insertions, 17 deletions
diff --git a/web/poc_jsonrpc/movies.html b/web/poc_jsonrpc/movies.html
index 7042e77c31..31b6078c70 100644
--- a/web/poc_jsonrpc/movies.html
+++ b/web/poc_jsonrpc/movies.html
@@ -1,9 +1,8 @@
 <html>
 <head>
 <title>XBMC - Movies</title>
-<link type="text/css" rel="stylesheet" href="basic.css">
-<script type="text/javascript" src="json.js"> // FOR browsers which doesn't have it included
-</script>
+<link type="text/css" rel="stylesheet" href="basic.css" />
+<script type="text/javascript" src="json.js" />
 <script type="text/javascript">
 function PlayMovie(movieid)
 {
@@ -12,7 +11,25 @@ function PlayMovie(movieid)
 </script>
 </head>
 <body>
-<h1><a href="nowplaying.html">Now playing</a>   Movies   <a href="tvshows.html">TV Shows</a>   <a href="albums.html">Albums</a>    <a href="development.html">Development</a></h1>
+<table class="Navigation">
+<tr class="primary">
+  <td class="unselected"><a href="nowplaying.html">Now playing</a></td>
+  <td class="selected">Videos</td>
+  <td class="unselected"><a href="artists.html">Music</a></td>
+  <td class="unselected"><a href="development.html">Development</a></td>
+</tr>
+<tr>
+  <td></td><td>
+  <table>
+  <tr class="secondary">
+    <td><a href="videofiles.html">Video files</a></td>
+    <td>Movies</td>
+    <td><a href="tvshows.html">TV Shows</a></td>
+  </tr>
+  </table></td>
+</tr>
+</table>
+<br />
 
 <script type="text/javascript">
 var http_request = new XMLHttpRequest();
@@ -25,28 +42,19 @@ var result = the_object["result"];
 var array = result["movies"];
 
 document.write("<table class=\"Movies\"><thead><tr><th>Thumbnail</th><th>Info</th></tr></thead><tbody>");
-var odd = false;
 for (var property in array) {
   var item = array[property];
-  var row = "even";
-  if (odd)
-    row = "odd";
 
-  document.write("<tr class=\"" + row + "\"><td class=\"cover\">");
+  document.write("<tr class=\"" + (property % 2 == 0 ? "even" : "odd") + "\"><td class=\"cover\">");
   if (item["thumbnail"])
-    document.write("<img src=thumb/" + item["thumbnail"] + ".jpg alt=\"" + item["title"] + "\" height=200 onclick=\"PlayMovie(" + item["movieid"] + ")\"></img>");
-  document.write("</td><td>");
+    document.write("<img src=thumb/" + item["thumbnail"] + ".jpg alt=\"" + item["title"] + "\" class=\"cover\" onclick=\"PlayMovie(" + item["movieid"] + ")\"></img>");
+  document.write("</td><td class=\"info\">");
 
-  document.write("<table class\"Info\"><tr><td class=\"Title\">");
-    document.write("<h1>" + item["title"] + "</h1>");
-  document.write("</td></tr><tr><td class=\"Plot\">");
+  document.write("<h1>" + item["title"] + "</h1>");
   if (item["plot"])
     document.write(item["plot"]);
-  document.write("</td></tr></table>");
-
 
   document.write("</td></tr>");
-  odd = !odd;
 }
 document.write("</tbody></table>");
 </script>