7 if (window.XMLHttpRequest) {
10 req = new XMLHttpRequest();
14 } else if (window.ActiveXObject) {
17 req = new ActiveXObject("Msxml2.XMLHTTP");
20 req = new ActiveXObject("Microsoft.XMLHTTP");
30 if (typeof(window.innerWidth) == 'number') {
32 return [window.innerWidth, window.innerHeight];
33 } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
34 // IE 6+ in 'standards compliant mode'
35 return [document.documentElement.clientWidth, document.documentElement.clientHeight];
36 } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
38 return [document.body.clientWidth, document.body.clientHeight];
44 * pr0n can resize to any size we'd like, but we're much more likely
45 * to have this set of fixed-resolution screens cached, so to increase
46 * performance, we round down to the closest fit and use that.
48 function reduce_to_fixed_width(size)
61 for (i = 0; i < fixed_sizes.length; ++i) {
62 if (size[0] >= fixed_sizes[i][0] && size[1] >= fixed_sizes[i][1])
63 return fixed_sizes[i];
68 function display_image(width, height, evt, filename, element_id)
70 var url = "http://" + global_vhost + "/" + evt + "/" + width + "x" + height + "/" + filename;
71 var img = document.getElementById(element_id);
74 img.parentNode.removeChild(img);
77 img = document.createElement("img");
85 var main = document.getElementById("iehack");
86 main.appendChild(img);
91 function prepare_preload(img, width, height, evt, filename)
93 // cancel any pending preload
94 var preload = document.getElementById("preload");
95 if (preload != null) {
97 preload.parentNode.removeChild(preload);
100 if (document.all) { // IE-specific
101 img.onload = "display_image(" + width + "," + height + ",\"" + evt + "\",\"" + filename + "\",\"preload\");";
103 img.onload = function() { display_image(width, height, evt, filename, "preload"); }
109 var size = find_width();
110 var adjusted_size = reduce_to_fixed_width(size);
112 var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
114 prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num + 1]);
117 // center the image on-screen
118 var main = document.getElementById("main");
119 main.style.position = "absolute";
120 main.style.left = (size[0] - adjusted_size[0]) / 2 + "px";
121 main.style.top = (size[1] - adjusted_size[1]) / 2 + "px";
122 main.style.width = adjusted_size[0] + "px";
123 main.style.height = adjusted_size[1] + "px";
124 main.style.lineHeight = adjusted_size[1] + "px";
126 set_opacity("previous", can_go_previous() ? 0.7 : 0.1);
127 set_opacity("next", can_go_next() ? 0.7 : 0.1);
128 set_opacity("close", 0.7);
131 function set_opacity(id, amount)
133 var elem = document.getElementById(id);
134 if (typeof(elem.style.opacity) != 'undefined') { // W3C
135 elem.style.opacity = amount;
136 } else if (typeof(elem.style.mozOpacity) != 'undefined') { // older Mozilla
137 elem.style.mozOpacity = amount;
138 } else if (typeof(elem.style.filter) != 'undefined') { // IE
139 if (elem.style.filter.indexOf("alpha") == -1) {
140 // add an alpha filter if there isn't one already
141 if (elem.style.filter) {
142 elem.style.filter += " ";
144 elem.style.filter = "";
146 elem.style.filter += "alpha(opacity=" + (amount*100.0) + ")";
148 // ugh? this seems to break in color index mode...
149 if (typeof(elem.filters) == 'unknown') {
150 elem.style.filter = "alpha(opacity=" + (amount*100.0) + ")";
152 elem.filters.alpha.opacity = (amount * 100.0);
155 } else { // no alpha support
157 elem.style.visibility = "visible";
158 elem.style.zorder = 1;
160 elem.style.visibility = "hidden";
165 function can_go_previous()
167 return (global_image_num > 0);
170 function go_previous()
172 if (!can_go_previous())
177 var adjusted_size = reduce_to_fixed_width(find_width());
179 var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
180 if (can_go_previous()) {
181 set_opacity("previous", 0.7);
182 prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num - 1]);
184 set_opacity("previous", 0.1);
186 set_opacity("next", can_go_next() ? 0.7 : 0.1);
189 function can_go_next()
191 return (global_image_num < global_image_list.length - 1);
201 var adjusted_size = reduce_to_fixed_width(find_width());
203 var img = display_image(adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num], "image");
205 set_opacity("next", 0.7);
206 prepare_preload(img, adjusted_size[0], adjusted_size[1], global_evt, global_image_list[global_image_num + 1]);
208 set_opacity("next", 0.1);
210 set_opacity("previous", can_go_previous() ? 0.7 : 0.1);
213 function key_down(which)
215 if (which == 39) { // right
217 set_opacity("next", 0.99);
219 } else if (which == 37) { // left
220 if (can_go_previous()) {
221 set_opacity("previous", 0.99);
223 } else if (which == 27) { // escape
224 set_opacity("close", 0.99);
228 function key_up(which) {
229 if (which == 39) { // right
231 set_opacity("next", 0.7);
234 } else if (which == 37) { // left
235 if (can_go_previous()) {
236 set_opacity("previous", 0.7);
239 } else if (which == 27) { // escape
240 set_opacity("close", 0.7);
242 } else if (which == 32 && global_select) { // space
243 select_image(global_image_list[global_image_num]);
247 function select_image(filename)
252 draw_text("Selecting " + filename + "...");
254 req.open("POST", "http://" + global_vhost + "/select", false);
255 req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
256 req.send("mode=single&event=" + global_evt + "&filename=" + filename);
258 setTimeout("fade_text(0.99)", 30);
261 function fade_text(opacity)
263 set_opacity("text", opacity);
268 setTimeout("fade_text(" + opacity + ")", 30);
270 var text = document.getElementById("text");
272 text.parentNode.removeChild(text);
279 window.location = global_return_url;
282 function draw_text(msg)
284 // remove any text we might have left
285 var text = document.getElementById("text");
287 text.parentNode.removeChild(text);
290 text = document.createElement("p");
292 text.style.position = "absolute";
293 text.style.color = "white";
294 text.style.lineHeight = "24px";
295 text.style.font = "24px verdana, arial, sans-serif";
296 text.innerHTML = msg;
298 var main = document.getElementById("main");
299 main.appendChild(text);
301 text.style.left = (main.clientWidth - text.clientWidth) / 2 + "px";
302 text.style.top = (main.clientHeight - text.clientHeight) / 2 + "px";
305 // enable the horrible horrible IE PNG hack
306 function ie_png_hack()
308 var vstr = navigator.appVersion.split("MSIE");
309 var v = parseFloat(vstr[1]);
310 if (v >= 5.5 && v < 7.0 && document.body.filters) {
311 var next = document.getElementById("next");
312 next.outerHTML = "<span id=\"next\" style=\"display: inline-block; position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + next.src + "')\" 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); }\" />";
314 var previous = document.getElementById("previous");
315 previous.outerHTML = "<span id=\"previous\" style=\"display: inline-block; position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + previous.src + "')\" 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); }\" />";
317 var close = document.getElementById("close");
318 close.outerHTML = "<span id=\"close\" style=\"display: inline-block; position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + close.src + "')\" onmousedown=\"set_opacity('close', 1.0)\" onmouseup=\"set_opacity('close', 0.7); do_close();\" onmouseout=\"set_opacity('close', 0.7);\" />";