git.zarb.org Git - booh/blob - data/booh/themes/cardu/root/booh.js

   1 var images_ary = new Array();
   2 var images_loaded = new Array();
   3 var current = 0;
   4 var slideshow = 0;
   5 var slideshow_pause = null;
   6 var slideshow_timer = null;
   7
   8 for (i = 0; i < images.length; i++) {
   9     /* this array will contain 0 if image not yet loaded, 1 when loading,
  10      * 2 when complete */
  11     images_loaded[i] = 0;
  12 }
  13
  14 function dbg(t) {
  15     document.getElementById('dbg_text').innerHTML += t + "<br/>";
  16 }
  17
  18 /* load image, return 1 if image is finished loading */
  19 function load(i) {
  20     if (images_loaded[i] == 0) {
  21         images_ary[i] = new Image();
  22         images_ary[i].src = images[i];
  23         images_loaded[i] = 1;
  24     }
  25     if (images_loaded[i] == 1) {
  26         if (images_ary[i].complete) {
  27             images_loaded[i] = 2;
  28         } else {
  29             return 0;
  30         }
  31     }
  32     return 1;
  33 }
  34
  35 function getparam(key) {
  36     all_params = location.href.split("#")
  37     if (all_params.length > 1) {
  38         params = all_params[1].split("&");
  39         for (i = 0; i < params.length; i++) {
  40             keyvalue = params[i].split("=");
  41             if (keyvalue[0] == key) {
  42                 return keyvalue[1];
  43             }
  44         }
  45     }
  46     return null;
  47 }
  48
  49 function loadcurrent(img) {
  50     for (i = 0; i < images.length; i++) {
  51         if (images[i] == img) {
  52             current = i;
  53             display_current();
  54             return;
  55         }
  56     }
  57     current = 0;
  58     display_current();
  59 }
  60
  61 function browser_href() {
  62     all = location.href.split("/");
  63     return all[all.length - 1];
  64 }
  65
  66 /* check URL for changes; allows the URL to reflect currently showed image */
  67 var currentURL = '';
  68 function checkURL() {
  69     if (currentURL == 'ignore1') {
  70         // do nothing
  71     } else if (currentURL == 'ignore2') {
  72         currentURL = browser_href();
  73     } else {
  74         href = browser_href();
  75         if (href != currentURL) {
  76             currentURL = href;
  77             img = getparam('current');
  78             loadcurrent(img);
  79         }
  80     }
  81     setTimeout("checkURL()", 50);
  82 }
  83
  84 function preload() {
  85
  86     /* favor current image, if user clicked on `last' or something */
  87     load(current);
  88
  89     /* don't blindly preload all images at the beginning,
  90      * but rather load them one by one, in order to get
  91      * next ones faster, beginning with next to current
  92      */
  93     if (current + 1 < images.length && load(current + 1) == 0) {
  94         setTimeout("preload()", 50);
  95         return;
  96     }
  97     if (current - 1 >= 0 && load(current - 1) == 0) {
  98         setTimeout("preload()", 50);
  99         return;
 100     }
 101
 102     for (i = current + 2; i < images.length && i <= current + 5; i++) {
 103         if (load(i) == 0) {
 104             setTimeout("preload()", 50);
 105             return;
 106         }
 107     }
 108     for (i = current - 2; i >= current - 3; i--) {
 109         if (i >= 0) {
 110             if (load(i) == 0) {
 111                 setTimeout("preload()", 50);
 112                 return;
 113             }
 114         }
 115     }
 116
 117     setTimeout("preload()", 50);
 118 }
 119
 120 function add_cookie(val) {
 121     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
 122     document.cookie = val
 123                       + '; expires=' + expires.toGMTString()
 124                       + '; path=/';
 125 }
 126
 127 function get_cookie(key) {
 128     if (document.cookie) {
 129         var index = document.cookie.indexOf(key);
 130         if (index != -1) {
 131             var oleft = (document.cookie.indexOf('=', index) + 1);
 132             var oright = document.cookie.indexOf(';', index);
 133             if (oright == -1) {
 134                 oright = document.cookie.length;
 135             }
 136             return document.cookie.substring(oleft, oright);
 137         }
 138     }
 139     return null;
 140 }
 141
 142 function init() {
 143
 144     preferred_pause = get_cookie('booh-slideshow-pause-' + dbltilda_theme);
 145     if (preferred_pause != null) {
 146         document.getElementById('secs').value = preferred_pause;
 147     }
 148
 149     if (getparam('run_slideshow')) {
 150         toggle_slideshow();
 151     }
 152
 153     checkURL();
 154
 155     preload();
 156
 157     if (images.length == 1) {
 158         document.getElementById("b_slideshow").disabled = true;
 159         document.getElementById("b_slideshow").setAttribute("class", "disabled");
 160     }
 161
 162     if (navigator.userAgent.indexOf('Opera') == -1) {
 163         document.onkeydown = keyDownEvent;
 164     }
 165 }
 166
 167 function change_basename(input, newend) {
 168     position = input.lastIndexOf('/');
 169     if (position == -1) {
 170         return newend;
 171     } else {
 172         return input.substring(0, position + 1).concat(newend);
 173     }
 174 }
 175
 176 function update_sensibilities() {
 177     var img_first = document.getElementById("img_first");
 178     var img_previous = document.getElementById("img_previous");
 179     if (current == 0) {
 180         img_first.src = change_basename(img_first.src, 'first_dark.gif');
 181         img_previous.src = change_basename(img_previous.src, 'previous_dark.gif');
 182         img_first.style['cursor'] = 'default';
 183         img_previous.style['cursor'] = 'default';
 184     } else {
 185         img_first.src = change_basename(img_first.src, 'first_light.gif');
 186         img_previous.src = change_basename(img_previous.src, 'previous_light.gif');
 187         img_first.style['cursor'] = 'pointer';  // to work on IE and FF, but warns on FF :/
 188         img_first.style['cursor'] = 'hand';
 189         img_previous.style['cursor'] = 'pointer';
 190         img_previous.style['cursor'] = 'hand';
 191     }
 192
 193     var img_next = document.getElementById("img_next");
 194     var img_last = document.getElementById("img_last");
 195     if (current == images.length - 1) {
 196         img_next.src = change_basename(img_next.src, 'next_dark.gif');
 197         img_last.src = change_basename(img_last.src, 'last_dark.gif');
 198         img_next.style['cursor'] = 'default';
 199         img_last.style['cursor'] = 'default';
 200     } else {
 201         img_next.src = change_basename(img_next.src, 'next_light.gif');
 202         img_last.src = change_basename(img_last.src, 'last_light.gif');
 203         img_next.style['cursor'] = 'pointer';
 204         img_next.style['cursor'] = 'hand';
 205         img_last.style['cursor'] = 'pointer';
 206         img_last.style['cursor'] = 'hand';
 207     }
 208 }
 209
 210 function set_cursor_(value, element) {
 211
 212     if (!element || !element.style) {
 213         return;
 214     }
 215
 216     element.style.cursor = value;
 217
 218     children = element.childNodes;
 219     for (i = 0; i < children.length; i++) {
 220         set_cursor_(value, children.item[i]);
 221     }
 222 }
 223
 224 function set_cursor(value) {
 225     set_cursor_(value, document.getElementById('body'));
 226 }
 227
 228 function show_current_text() {
 229     /* don't show text if image not yet loaded because navigator
 230      * won't refresh it during load */
 231     if (images_loaded[current] == 2) {
 232         document.getElementById('image_counter').innerHTML = ( current + 1 ) + "/" + images.length;
 233         document.getElementById('main_text').innerHTML = captions[current];
 234         for (i = 0; i < other_sizes.length; i++) {
 235             if (other_sizes[i] == "original") {
 236                 var original = eval("elements_" + other_sizes[i] + "[current]");
 237                 if (original != undefined) {
 238                     document.getElementById('link' + other_sizes[i]).href = original;
 239                     document.getElementById('link' + other_sizes[i]).style.display = '';
 240                 } else {
 241                     document.getElementById('link' + other_sizes[i]).style.display = 'none';
 242                 }
 243             } else {
 244                 document.getElementById('link' + other_sizes[i]).href = 'image-' + other_sizes[i] + dbltilda_htmlsuffix + '#current=' + eval("elements_" + other_sizes[i] + "[current]");
 245             }
 246         }
 247         document.getElementById('thumbnails').href = 'thumbnails-' + dbltilda_current_size + '-' + thumbnailspages[current] + dbltilda_htmlsuffix + '#' + images[current];
 248         set_cursor("default");
 249     } else {
 250         setTimeout("show_current_text()", 50);
 251         set_cursor("wait");
 252     }
 253 }
 254
 255 function display_current() {
 256     var main_img = document.getElementById('main_img');
 257     if (types[current] == 'image') {
 258         main_img.innerHTML = '<div class="fullscreen_image"><img src="' + images[current] + '"/></div>';
 259     } else {
 260         main_img.innerHTML = '<a class="fullscreenvideolink" href="' + videos[current] + '" '
 261                            + '   style="display:block;width:' + videos_widths[current] + 'px;height:' + (videos_heights[current] + 24) + 'px" id="player">'
 262                            + '  <div class="fullscreen_video"><img src="' + images[current] + '"/></div>'
 263                            + '  <img src="' + dbltilda_pathtobase + 'play_video.png" style="position:relative;top:-' + (videos_heights[current] + 48)/2 + 'px;border:0;background-color:transparent"/>'
 264                            + '</a>';
 265         if (dbltilda_flowplayer_active == 'true') {
 266             flowplayer("player", dbltilda_pathtobase + "flowplayer-3.1.5.swf");
 267         }
 268     }
 269     oldhref = browser_href();
 270     newhref = 'image-' + dbltilda_current_size + dbltilda_htmlsuffix + '#current=' + images[current];
 271     if (oldhref != newhref) {
 272         currentURL = 'ignore1';
 273         location.href = newhref;
 274         currentURL = 'ignore2';
 275     }
 276     show_current_text();
 277     update_sensibilities();
 278 }
 279
 280 function first() {
 281     if (slideshow == 1) {
 282         toggle_slideshow(true);
 283     }
 284
 285     current = 0;
 286     display_current();
 287 }
 288
 289 function next() {
 290     if (slideshow == 1) {
 291         toggle_slideshow(true);
 292     }
 293
 294     if (current < images.length - 1) {
 295         current++;
 296         display_current();
 297     }
 298 }
 299
 300 function next10() {
 301     if (slideshow == 1) {
 302         toggle_slideshow(true);
 303     }
 304
 305     if (current < images.length - 11) {
 306         current += 10;
 307     } else {
 308         current = images.length - 1;
 309     }
 310     display_current();
 311 }
 312
 313 function previous() {
 314     if (slideshow == 1) {
 315         toggle_slideshow(true);
 316     }
 317
 318     if (current > 0) {
 319         current--;
 320         display_current();
 321     }
 322 }
 323
 324 function previous10() {
 325     if (slideshow == 1) {
 326         toggle_slideshow(true);
 327     }
 328
 329     if (current > 10) {
 330         current -= 10;
 331     } else {
 332         current = 0;
 333     }
 334     display_current();
 335 }
 336
 337 function last() {
 338     if (slideshow == 1) {
 339         toggle_slideshow(true);
 340     }
 341
 342     current = images.length - 1;
 343     display_current();
 344 }
 345
 346 function toggle_video() {
 347     if (types[current] == 'video' && dbltilda_flowplayer_active == 'true') {
 348         var player = flowplayer('player');
 349         if (player.isLoaded()) {
 350             player.toggle();
 351         } else {
 352             player.play();
 353         }
 354     }
 355 }
 356
 357 function keyDownEvent(key) {
 358     if (!key) {
 359         key = event;
 360         key.which = key.keyCode;
 361     }
 362     if (key.altKey || key.ctrlKey || key.shiftKey) {
 363         return;
 364     }
 365     switch (key.which) {
 366       case 32: // space
 367         toggle_video();
 368         break;
 369       case 36: // home
 370         first();
 371         break;
 372       case 35: // end
 373         last();
 374         break;
 375       case 37: // left
 376         previous();
 377         break;
 378       case 39: // right
 379         next();
 380         break;
 381       case 38: // up
 382         previous10();
 383         break;
 384       case 40: // down
 385         next10();
 386         break;
 387     }
 388 }
 389
 390 function toggle_slideshow(now) {
 391     if (slideshow == 0) {
 392         slideshow_pause = document.getElementById('secs').value;
 393         add_cookie('booh-slideshow-pause-' + dbltilda_theme + '=' + slideshow_pause)
 394         document.getElementById("b_slideshow").value = dbltilda_stop_slideshow;
 395         slideshow = 1;
 396         if (current == images.length - 1) {
 397             current = -1;
 398         }
 399         if (now) {
 400             run_slideshow();
 401         } else {
 402             setTimeout("run_slideshow()", slideshow_pause * 1000);
 403         }
 404     } else {
 405         clearTimeout(slideshow_timer);
 406         document.getElementById("b_slideshow").value = dbltilda_run_slideshow;
 407         slideshow = 0;
 408     }
 409 }
 410
 411 function run_slideshow() {
 412     if (slideshow == 0) {
 413         return;
 414     }
 415
 416     if (images_loaded[current + 1] == 2) {
 417         current++;
 418         display_current();
 419         slideshow_timer = setTimeout("run_slideshow()", slideshow_pause * 1000);
 420     } else {
 421         slideshow_timer = setTimeout("run_slideshow()", 50);
 422     }
 423
 424     if (current == images.length - 1) {
 425         toggle_slideshow(true);
 426     }
 427 }
 428
 429 function set_preferred_size(val) {
 430     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
 431     document.cookie = 'booh-preferred-size-' + dbltilda_theme + '='
 432                       + val
 433                       + '; expires=' + expires.toGMTString()
 434                       + '; path=/';
 435 }
 436