#
#                         *  BOOH  *
#
# A.k.a `Best web-album Of the world, Or your money back, Humerus'.
#
# The acronyn sucks, however this is a tribute to Dragon Ball by
# Akira Toriyama, where the last enemy beaten by heroes of Dragon
# Ball is named "Boo". But there was already a free software project
# called Boo, so this one will be it "Booh". Or whatever.
#
#
# Copyright (c) 2004 Guillaume Cottenceau <gc3 at bluewin.ch>
#
# This software may be freely redistributed under the terms of the GNU
# public license version 2.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

# holds static data to merge in the html "themes"

$head_code = <<'EOF'
<link rev="made" href="http://zarb.org/~gc/html/booh.html" />
<script language="JavaScript1.1" type="text/JavaScript">

var images = new Array(~~images~~);

var images_ary = new Array();
var images_loaded = new Array();
var current = 0;
var slideshow = 0;
var slideshow_pause = 3;

for (i = 0; i < images.length; i++) { 
    /* this array will contain 0 if image not yet loaded, 1 when loading,
     * 2 when complete */
    images_loaded[i] = 0;
}

function dbg(t) {
    document.getElementById('dbg_text').firstChild.data += t + "\n";
}

/* load image, return 1 if image is finished loading */
function load(i) {
    if (images_loaded[i] == 0) {
        images_ary[i] = new Image();
        images_ary[i].src = images[i];
        images_loaded[i] = 1;
    }
    if (images_loaded[i] == 1) {
        if (images_ary[i].complete) {
            images_loaded[i] = 2;
        } else {
            return 0;
        }
    }
    return 1;
}

function preload() { 

    /* favor current image, if user clicked on `last' or something */
    load(current);

    for (i = 0; i < images.length; i++) { 
        /* don't blindly preload all images at the beginning,
         * but rather load them one by one, in order to get
         * next ones faster
         */
        if (load(i) == 0) {
            setTimeout("preload()", 500);
            return;
        }
    }
}

function init() {
    preload();
  
    /* retrieve GET parameters */
    all_params = location.href.split("?")
    if (all_params.length > 1) {
        params = all_params[1].split("&");
        for (i = 0; i < params.length; i++) {
            keyvalue = params[i].split("=");
            if (keyvalue[0] == "slideshow_pause") {
                slideshow_pause = keyvalue[1];
            }
        }
    }
}

function update_sensibilities() {
    if (current == 0) {
        document.getElementById("b_first").disabled = true;
        document.getElementById("b_previous").disabled = true;
        document.getElementById("b_next").disabled = false;
        document.getElementById("b_last").disabled = false;
    } else if (current == images.length - 1) {
        document.getElementById("b_first").disabled = false;
        document.getElementById("b_previous").disabled = false;
        document.getElementById("b_next").disabled = true;
        document.getElementById("b_last").disabled = true;
    } else {
        document.getElementById("b_first").disabled = false;
        document.getElementById("b_previous").disabled = false;
        document.getElementById("b_next").disabled = false;
        document.getElementById("b_last").disabled = false;
    }
}

function set_cursor_(value, element) {

    if (!element || !element.style) {
        return;
    }

    element.style.cursor = value;

    children = element.childNodes;
    for (i = 0; i < children.length; i++) {
        set_cursor_(value, children.item[i]);
    }
}

function set_cursor(value) {
    set_cursor_(value, document.getElementById('body'));
}

function show_current_text() {
    /* don't show text if image not yet loaded because navigator
     * won't refresh it during load */
    if (images_loaded[current] == 2) {
        eval("document.getElementById('main_text')" +
                     ".firstChild.data = '" + images[current] + "'");
        set_cursor("default");
    } else {
        setTimeout("show_current_text()", 100);
        set_cursor("wait");
    }
}

function display_current() {
    eval("document.main_img.src = images[" + current + "]");
    show_current_text();
    update_sensibilities();
}

function first() {
    if (slideshow == 1) {
        toggle_slideshow();
    }
    
    current = 0;
    display_current();
}

function next() {
    if (slideshow == 1) {
        toggle_slideshow();
    }

    if (current < images.length - 1) {
        current++;
        display_current();
    }
}

function previous() {
    if (slideshow == 1) {
        toggle_slideshow();
    }

    if (current > 0) {
        current--;
        display_current();
    }
}

function last() {
    if (slideshow == 1) {
        toggle_slideshow();
    }

    current = images.length - 1;
    display_current();
}

function toggle_slideshow() {
    if (slideshow == 0) {
        document.getElementById("b_slideshow").value = "Stop slideshow";
        slideshow = 1;
        if (current == images.length - 1) {
            current = -1;
        }
        run_slideshow();
    } else {
        document.getElementById("b_slideshow").value = "Run slideshow!";
        slideshow = 0;
    }
}

function run_slideshow() {
    if (slideshow == 0) {
        return;
    }

    if (images_loaded[current + 1] == 2) {
        current++;
        display_current();
        setTimeout("run_slideshow()", slideshow_pause * 1000);
    } else {
        setTimeout("run_slideshow()", 500);
    }

    if (current == images.length - 1) {
        toggle_slideshow();
    }
}
</script>
EOF

$body_additions = <<'EOF'
onload="init()" id="body"
EOF

$button_first = <<'EOF'
    <form><input type="button"
                 onclick="first()"
                 value="<<- First"
                 id="b_first"></form>
EOF

$button_previous = <<'EOF'
    <form><input type="button"
                 onclick="previous()"
                 value="<- Previous"
                 id="b_previous"></form>
EOF

$button_next = <<'EOF'
    <form><input type="button"
                 onclick="next()"
                 value="Next ->"
                 id="b_next"></form>
EOF

$button_last = <<'EOF'
    <form><input type="button"
                 onclick="last()"
                 value="Last ->>"
                 id="b_last"></form>
EOF

$button_slideshow = <<'EOF'
  <form><input type="button"
               onclick="toggle_slideshow()"
               value="Run slideshow!"
               id="b_slideshow">
  </form>
EOF

$image = <<'EOF'
  <img name="main_img">
EOF

$caption_additions = <<'EOF'
  id="main_text"
EOF

$body_code = <<'EOF'
  <script language="JavaScript1.1" type="text/JavaScript">
    display_current();
  </script>
EOF