﻿var g_numPhotos = 12;    // number of photos in slideshow
var g_duration = 4000;  // slideshow speed (ms)
var g_fade = 70;        // fade in/out speed (ms)
///////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
window.onload = function() { initSlideshow() }
function initSlideshow() {
    g_images[0] = new Image(); g_images[0].src = "images/image1.jpg"; 
    g_images[1] = new Image(); g_images[1].src = "images/image2.jpg";
    window.setTimeout("fadeOut(100)", g_duration);
}
///////////////////////////////////////////////////////////////////////////////
function setOpacity(obj, opacity) {
    opacity = (opacity == 100) ? 99.999 : opacity;
    obj.style.filter = "alpha(opacity:" + opacity + ")";
    obj.style.KHTMLOpacity = opacity / 100;
    obj.style.MozOpacity = opacity / 100;
    obj.style.opacity = opacity / 100;
}
///////////////////////////////////////////////////////////////////////////////
function fadeIn(opacity) {
    obj = document.getElementById('slideshow');
    if (opacity <= 100) {
        setOpacity(obj, opacity);
        opacity += 10;
        window.setTimeout("fadeIn(" + opacity + ")", g_fade);
    }
    else {
        window.setTimeout("fadeOut(" + opacity + ")", g_duration);
    }
}
///////////////////////////////////////////////////////////////////////////////
function fadeOut(opacity) {
    obj = document.getElementById('slideshow');
    if (opacity >= 0) {
        setOpacity(obj, opacity);
        opacity -= 10;
        window.setTimeout("fadeOut(" + opacity + ")", g_fade);
    }
    else {
        nextPhoto();
    }
}
///////////////////////////////////////////////////////////////////////////////
var g_photoIndex = 0;
var g_images = new Array();
var g_loaded = false;
function nextPhoto() {
    g_photoIndex++;
    if (g_photoIndex > g_numPhotos-1) {
        g_photoIndex = 0;
        g_loaded = true;
    }
    image = document.getElementById('slideshow');
    image.src = g_images[g_photoIndex].src;
    setOpacity(image, 0);
    fadeIn(0);
    if (g_loaded == false && g_photoIndex < g_numPhotos - 1) {
        g_images[g_photoIndex + 1] = new Image();
        g_images[g_photoIndex + 1].src = "images/image" + (parseInt(g_photoIndex) + 2).toString() + ".jpg";
    }
}
///////////////////////////////////////////////////////////////////////////////

