Move all the fullscreen events to the JavaScript file.

[pr0n] / templates / default / fullscreen-footer
diff --git a/templates/default/fullscreen-footer b/templates/default/fullscreen-footer

index 3b1f5e96e1bcbe9345e150694ca3f8169b5b90d7..04da855ccd86cfe5e076184ce9998bfd137aa132 100644 (file)
--- a/templates/default/fullscreen-footer
+++ b/templates/default/fullscreen-footer
@@ -2,15 +2,21 @@
  var global_return_url = "%RETURNURL%";
  var global_image_num = parse_image_num(%START%);
  var global_select = %SEL%;
+var global_disabled_opacity = 0.1;
+var global_default_opacity = 0.7;
+var global_highlight_opacity = 1.0;
+var global_infobox = true;
  // end generated
      </script>
    </head>
-  <body onresize="relayout();" onload="init_ajax(); relayout(); setInterval('check_for_hash_change()', 1000);" onkeydown="key_down(event.keyCode);" onkeyup="key_up(event.keyCode);" onhashchange="check_for_hash_change();" onclick="check_for_hash_change();">
+  <body>
      <div>
        <div class="container" id="main"><div id="iehack"></div></div>
-      <img id="previous" src="/previous.png" alt="&lt;-" onmousedown="if (can_go_previous()) set_opacity('previous', 1.0)" onmouseup="if (can_go_previous()) { set_opacity('previous', 0.7); go_previous(); }" onmouseout="if (can_go_previous()) { set_opacity('previous', 0.7); }" />
-      <img id="next" src="/next.png" alt="-&gt;" onmousedown="if (can_go_next()) set_opacity('next', 1.0)" onmouseup="if (can_go_next()) { set_opacity('next', 0.7); go_next(); }" onmouseout="if (can_go_next()) { set_opacity('next', 0.7); }" />
-      <img id="close" src="/close.png" alt="x" onmousedown="set_opacity('close', 1.0)" onmouseup="set_opacity('close', 0.7); do_close();" onmouseout="set_opacity('close', 0.7);" />
+      <img id="previous" src="/previous.png" alt="&lt;-" />
+      <img id="next" src="/next.png" alt="-&gt;" />
+      <img id="close" src="/close.png" alt="x" />
+      <img id="options" src="/options.png" alt="=" />
+      <div id="optionmenu"><p><a id="origdownload">Download original image</a></p><p><a id="immersivetoggle" href="javascript:toggle_optionmenu();toggle_immersive();">Hide all decorations</a></p></div>
      </div>
    </body>
  </html>