var running = false;
var timeout = null;
var interval = 3000;

var imagecache = new Array();

var images = [
 {"name": "georgecarlin.jpg", "width": "428", "height": "525"},
 {"name": "GTO67.jpg", "width": "768", "height": "568"},
 {"name": "DannyGlover.jpg", "width": "679", "height": "1024"},
 {"name": "polarbear.jpg", "width": "768", "height": "611"},
 {"name": "lilshadow.jpg", "width": "623", "height": "1164"},
 {"name": "piggy.jpg", "width": "486", "height": "375"},
 {"name": "baby.jpg", "width": "285", "height": "348"},
 {"name": "martinandlewis.jpg", "width": "530", "height": "525"},
 {"name": "snooty.jpg", "width": "460", "height": "525"},
 {"name": "tuffy.jpg", "width": "768", "height": "1289"},
 {"name": "inking.jpg", "width": "768", "height": "495"},
 {"name": "Colan-Daredevil.jpg", "width": "669", "height": "1024"},
 {"name": "museumposter.jpg", "width": "637", "height": "1024"},
 {"name": "bible.jpg", "width": "600", "height": "375"},
 {"name": "kids.jpg", "width": "525", "height": "343"},
 {"name": "libertybell.jpg", "width": "525", "height": "675"},
 {"name": "thor.jpg", "width": "471", "height": "597"},
 {"name": "snyderhenge.jpg", "width": "768", "height": "501"},
 {"name": "wincess.jpg", "width": "768", "height": "1141"},
 {"name": "bjork.jpg", "width": "300", "height": "411"},
 {"name": "ed_wood.jpg", "width": "640", "height": "800"},
 {"name": "dolores_fuller.jpg", "width": "620", "height": "790"},
 {"name": "bela.jpg", "width": "640", "height": "770"},
 {"name": "tor.jpg", "width": "720", "height": "768"}
];

function init() {
    for (var i = 0; i < images.length; ++i) {
        imagecache[i] = new Image();
        imagecache[i].src = '../images/' + images[i].name;
    }
}

function slideshow() {
    var slide = document.getElementById('slideshow');
    if (slide == null)
        return;
    if (running) {
        window.clearTimeout(timeout);
        slide.innerHTML = "Start Slideshow";
        running = false;
        timeout = null;
    } else {
        timeout = window.setTimeout("autonext()", interval);
        slide.innerHTML = "Stop Slideshow";
        running = true;
        next();
    }
    return false;
}

function autonext() {
    timeout = window.setTimeout("autonext()", interval);
    next();
}

function next() {
    ++current;
    if (current >= images.length) current = 0;
    swap();
    return false;
}

function previous() {
    --current;
    if (current < 0) current = images.length - 1;
    swap();
    return false;
}

function swap() {
    var td = document.getElementById('image');
    var fg = document.getElementById('clear');
    if (td == null || fg == null)
        return;
    var name, width, height;
    name = '../images/' + images[current].name;
    width = images[current].width;
    height = images[current].height;

    td.background = name;
    td.width = width;
    td.height = height;
    td.style.width = width + 'px';
    td.style.height = height + 'px';
    td.style.backgroundImage = 'url(' + name + ')';
    fg.width = width;
    fg.height = height;
}