// A function for determining how far horizontally the browser is scrolled
function scrollX() {
    // A shortcut, in case weÕre using Internet Explorer 6 in Strict Mode
    var de = document.documentElement;
    // If the pageXOffset of the browser is available, use that
    return self.pageXOffset ||
    // Otherwise, try to get the scroll left off of the root node(de && de.scrollLeft) ||
    // Finally, try to get the scroll left off of the body element
    document.body.scrollLeft;
}

// A function for determining how far vertically the browser is scrolled
function scrollY() {
    // A shortcut, in case weÕre using Internet Explorer 6 in Strict Mode
    var de = document.documentElement;
    // If the pageYOffset of the browser is available, use that
    return self.pageYOffset ||
    // Otherwise, try to get the scroll top off of the root node(de && de.scrollTop) ||
    // Finally, try to get the scroll top off of the body element
    document.body.scrollTop;
}

// Find the height of the viewport
function windowHeight() {
    // A shortcut, in case weÕre using Internet Explorer 6 in Strict Mode
    var de = document.documentElement;
    // If the innerHeight of the browser is available, use that
    return self.innerHeight ||
    // Otherwise, try to get the height off of the root node(de && de.clientHeight) ||
    // Finally, try to get the height off of the body element
    document.body.clientHeight;
}
// Find the width of the viewport
function windowWidth() {
    // A shortcut, in case weÕre using Internet Explorer 6 in Strict Mode
    var de = document.documentElement;
    // If the innerWidth of the browser is available, use that
    return self.innerWidth ||
    // Otherwise, try to get the width off of the root node(de && de.clientWidth) ||
    // Finally, try to get the width off of the body element
    document.body.clientWidth;
}

// Get the actual height (using the computed CSS) of an element
function getHeight(elem) {
    // Gets the computed CSS value and parses out a usable number
    return parseInt(getStyle(elem, "height"));
}
// Get the actual width (using the computed CSS) of an element
function getWidth(elem) {
    // Gets the computed CSS value and parses out a usable number
    return parseInt(getStyle(elem, "width"));
}

// A function for setting the horizontal position of an element
function setX(elem, pos) {
    // Set the ÔleftÕ CSS property, using pixel units
    elem.style.left = pos + "px";
}
// A function for setting the vertical position of an element
function setY(elem, pos) {
    // Set the ÔleftÕ CSS property, using pixel units
    elem.style.top = pos + "px";
}
// Get a style property (name) of a specific element (elem)
function getStyle(elem, name) {
    // If the property exists in style[], then itÕs been set recently (and is current)
    if (elem.style[name])
        return elem.style[name];
    // Otherwise, try to use IEÕs method
    else if (elem.currentStyle)
        return elem.currentStyle[name];
    // Or the W3CÕs method, if it exists
    else if (document.defaultView && document.defaultView.getComputedStyle) {
        // It uses the traditional Ôtext-alignÕ style of rule writing, instead of textAlign
        name = name.replace(/([A-Z])/g, "-$1");
        name = name.toLowerCase();
        // Get the style object and get the value of the property (if it exists)
        var s = document.defaultView.getComputedStyle(elem, "");
        return s && s.getPropertyValue(name);
        // Otherwise, weÕre using some other browser
    } else
        return null;
}

// Set an opacity level for an element
// (where level is a number 0-100)
function setOpacity(elem, level) {
    // If filters exist, then this is IE, so set the Alpha filter
    if (elem.filters)
    //elem.filters.alpha.opacity = level;
    //Debug
        elem.style.filters = 'alpha(opacity=' + level + ')';
        //elem.style.filter = 'alpha(opacity=' + level + ')';
    // Otherwise use the W3C opacity property
    else
        elem.style.opacity = level / 100;
}
// A function for hiding (using display) an element
function hide(elem) {
    // Find out what itÕs current display state is
    var curDisplay = getStyle(elem, "display");
    //  Remember its display state for later
    if (curDisplay != "none")
        elem.$oldDisplay = curDisplay;
    // Set the display to none (hiding the element)
    elem.style.display = "none";
}
// A function for showing (using display) an element
function show(elem) {
    // Set the display property back to what it use to be, or use
    // ÔblockÕ, if no previous display had been saved
    elem.style.display = elem.$oldDisplay || "block";
}

// Returns the height of the web page
// (could change if new content is added to the page)
function pageHeight() {
    return document.body.scrollHeight;
}
// Returns the width of the web page
function pageWidth() {
    return document.body.scrollWidth;
}

function fadeIn(elem, to, speed) {
    // Start the opacity at  0
    setOpacity(elem, 0);
    // Show the element (but you can see it, since the opacity is 0)
    show(elem);
    // WeÕre going to do a 20 ÔframeÕ animation that takes
    // place over one second
    for (var i = 0; i <= 100; i += 5) {
        // A closure to make sure that we have the right ÔiÕ
        (function() {
            var opacity = i;
            // Set the timeout to occur at the specified time in the future
            setTimeout(function() {
                // Set the new opacity of the element
                setOpacity(elem, (opacity / 100) * to);
            }, (i + 1) * speed);
        })();
    }
}

function fadeOut(elem, to, speed) {
    // Start the opacity at 1
    //setOpacity( elem, 1 );
    // WeÕre going to do a 20 ÔframeÕ animation that takes
    // place over one second
    for (var i = 0; i < 100; i += 5) {
        // A closure to make sure that we have the right ÔiÕ
        (function() {
            var opacity = i;
            // Set the timeout to occur at the specified time in the future
            setTimeout(function() {
                // Set the new opacity of the element
                setOpacity(elem, 100 - opacity);

                if (opacity == 95)
                    hide(elem);
            }, (i + 1) * speed);
        })();
    }
}

function id(name) {
    return document.getElementById(name);
}

function tag(name, root) {
    return (root || document).getElementsByTagName(name);
}

function byClass(name, type) {
    var r = [];
    // Locate the class name (allows for multiple class names)
    var re = new RegExp("(^|\\s)" + name + "(\\s|$)");
    // Limit search by type, or look through all elements
    var e = document.getElementsByTagName(type || "*");
    for (var j = 0; j < e.length; j++)
    // If the element has the class, add it for return
        if (re.test(e[j].className)) r.push(e[j]);
    // Return the list of matched elements
    return r;
}

function next(elem) {
    do {
        elem = elem.nextSibling;
    } while (elem && elem.nodeType != 1);
    return elem;
}

function prev(elem) {
    do {
        elem = elem.previousSibling;
    } while (elem && elem.nodeType != 1);
    return elem;
}

function firstSibling(elem) {
        elem = parent(elem,1).firstChild;
        return elem && elem.nodeType!=1?
            next(elem) : elem;
    }

function first(elem) {
        elem = elem.firstChild;
        return elem && elem.nodeType != 1 ?
            next(elem) : elem;
            }

function last(elem) {
    elem = elem.lastChild;
    return elem && elem.nodeType != 1 ?
        prev(elem) : elem;
}

function parent(elem, num) {
    num = num || 1;
    for (var i = 0; i < num; i++)
        if (elem != null) elem = elem.parentNode;
        return elem;
        }

//GALLERY

// Start a slideshow of all the images within a particular gallery
function startShow(obj) {
    // Locate all the individual images of the gallery
    var elem = tag("li", obj);

    // Locate the overall display gallery
    var gallery = id("gallery");

    // Go through each of the matched gallery images
    for (var i = 0; i < elem.length; i++) new function() {
        // Remember which current element is being referenced
        var cur = elem[i];

        // We're going to show a new image every 5 seconds
        setTimeout(function() {
            // Show the specific image
            showImage(cur);

            // And start fading it out after 3.5 seconds
            // (for a 1 second fade)
            setTimeout(function() {
                fadeOut(gallery, 0, 10);
            }, 3500);
        }, i * 3000);

    };

    // And then hide the overlay when it's all over
    setTimeout(hideOverlay, 5000 * elem.length);

    // But show the overlay, as the slideshow is just starting
    showOverlay();
}

// Hide the grey overlay and the current gallery
function hideOverlay() {
    // Make sure that we reset the current image
    curImage = null;

    // and hide the overlay and gallery
    hide(id("overlay"));
    hide(id("gallery"));
}

// Show the grey overlay
function showOverlay() {
    // Find the overlay
    var over = id("overlay");

    // Make it as tall and wide as the entire page
    // (this helps with scrolling)
    over.style.height = pageHeight() + "px";
    over.style.width = pageWidth() + "px";

    // And fade it in
    fadeIn(over, 50, 10);
}

// Find the previous image and show it
function prevImage() {
    // Locate the previous gallery image and show it
    showImage(prev(curImage));

    // Prevent the link from operating as normal
    return false;
}

// Find the next image and show it
function nextImage() {
    // Locate the next gallery image and show it
    showImage(next(curImage));

    // Prevent the link from operating as normal
    return false;
}

// Find the next image and show it
function firstImage() {
    // Locate the next gallery image and show it
    showImage(firstSibling(curImage));

    // Prevent the link from operating as normal
    return false;
}

// Show the current gallery image
function showImage(cur) {
    // Remember which image we're currently dealing with
    curImage = cur;

    // Find the gallery image
    var img = id("gallery_image");

    // Remove the image, if there's one already there
    if (img.firstChild)
        img.removeChild(img.firstChild);

    // And add our new image in, instead
    img.appendChild(cur.firstChild.cloneNode(true));

    // We're setting the caption of the gallery image to
    // the 'alt' contents of the regular image
    id("gallery_title").innerHTML = cur.firstChild.firstChild.alt;
    
    // Hide the next link if we're at the end of the slideshow
    if (!next(cur))
        hide(id("gallery_next"));
     
    // Otherwise, make sure that it's visible
    else
        show(id("gallery_next"));

    //AJR
    //Click to Go to first image if at end of gallery, otherwise dispay next image if clicked
    if (!next(cur))
        id("gallery_image").onclick = firstImage;
    else
        id("gallery_image").onclick = nextImage;
        
        
    // Hide the previous link if we're at the start of the slideshow
    if (!prev(cur))
        hide(id("gallery_prev"));

    // Otherwise, we need to be sure that it's visible
    else
        show(id("gallery_prev"));

    // Locate the main gallery
    var gallery = id("gallery");

    // Set the correct class (so that it's the correct size)
    gallery.className = cur.className;

    // Then fade it in smoothly
    fadeIn(gallery, 100, 10);

    // Make sure that the gallery is positioned in the right place
    // on the screen
    adjust();

 }

// Reposition the gallery to be at the center of the page
// even when the page has been scrolled
function adjust() {
    // Locate the gallery
    var obj = id("gallery");

    // Make sure that the gallery exists
    if (!obj) return;

    // Find its current height and width
    var w = getWidth(obj);
    var h = getHeight(obj);

    // Position the box, vertically, in the middle of the window
    var t = scrollY() + (windowHeight() / 2) - (h / 2);

    // But no heigher than the top of the page
    if (t < 0) t = 0;

    // Position the box, horizontally, in the middle of the window
    var l = scrollX() + (windowWidth() / 2) - (w / 2);

    // But no less than the left of the page
    if (l < 0) l = 0;

    // Set the adjusted position of the element
    setY(obj, t);
    setX(obj, l);
};



//END OF GALLERY