Bug 722322 - Have the "1" and "2" keys switch between images in reftest-analyzer.xhtml. r=ehsan.

layout/tools/reftest/reftest-analyzer.xhtml

@@ -137,6 +137,7 @@ function load() {
     ID("logentry").value = params.log;
     log_pasted();
   }
+  window.addEventListener('keypress', maybe_load_image, false);
 }
 
 function build_mag() {
@@ -374,6 +375,19 @@ function show_image(i) {
   }
 }
 
+function maybe_load_image(event) {
+  switch (event.charCode) {
+  case 49: // "1" key
+    document.getElementById("radio1").checked = true;
+    show_image(1);
+    break;
+  case 50: // "2" key
+    document.getElementById("radio2").checked = true;
+    show_image(2);
+    break;
+  }
+}
+
 function show_differences(cb) {
   ID("diffrect").style.display = cb.checked ? "" : "none";
 }
@@ -513,8 +527,8 @@ function show_pixelinfo(x, y, pix1rgb, pix1hex, pix2rgb, pix2hex) {
   <div id="itemlist"></div>
   <div id="images" style="display:none">
     <form id="imgcontrols">
-    <label><input type="radio" name="which" value="0" onchange="show_image(1)" checked="checked" />Image 1</label>
-    <label><input type="radio" name="which" value="1" onchange="show_image(2)" />Image 2</label>
+    <label title="1"><input id="radio1" type="radio" name="which" value="0" onchange="show_image(1)" checked="checked" />Image 1</label>
+    <label title="2"><input id="radio2" type="radio" name="which" value="1" onchange="show_image(2)" />Image 2</label>
     <label><input type="checkbox" onchange="show_differences(this)" />Circle differences</label>
     </form>
     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800px" height="1000px" viewBox="0 0 800 1000" id="svg">