var smallTransparentGif = "";
function fixupIEPNG(strImageID, transparentGif) 
{
    smallTransparentGif = transparentGif;
    if (windowsInternetExplorer && (browserVersion < 7))
    {
        var img = document.getElementById(strImageID);
        if (img)
        {
            var src = img.src;
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
            img.src = transparentGif;
            img.attachEvent("onpropertychange", imgPropertyChanged);
        }
    }
}

var windowsInternetExplorer = false;
var browserVersion = 0;
function detectBrowser()
{
    windowsInternetExplorer = false;
    var appVersion = navigator.appVersion;
    if ((appVersion.indexOf("MSIE") != -1) &&
        (appVersion.indexOf("Macintosh") == -1))
    {
        var temp = appVersion.split("MSIE");
        browserVersion = parseFloat(temp[1]);
        windowsInternetExplorer = true;
    }
}

function onPageLoad()
{
    detectBrowser();
    fixupIEPNG("id1", "Gallery_files/transparent.gif");
    fixupIEPNG("id2", "Gallery_files/transparent.gif");
    fixupIEPNG("id3", "Gallery_files/transparent.gif");
    fixupIEPNG("id4", "Gallery_files/transparent.gif");

    /* ADDED: mouse-over gallery code */
    gallery_onLoad();

    return true;
}

var inImgPropertyChanged = false;
function imgPropertyChanged()
{
    if ((window.event.propertyName == "src") && (! inImgPropertyChanged))
    {
        inImgPropertyChanged = true;
        var el = window.event.srcElement;
        if (el.src != smallTransparentGif)
        {
            el.filters.item(0).src = el.src;
            el.src = smallTransparentGif;
        }
        inImgPropertyChanged = false;
    }
}

/* The following code Copyright (c)2008 Daniel Ringwalt.
   All rights reserved.
*/
var large;
function setDisplay(obj, setting) {
    if (obj.style) {
        obj.style.display = setting;
    }
    else {
        obj.display = setting;
    }
}
function setSrc(obj, setting) {
    obj.src = setting;
}
function fullquality(src) {
    return src.replace(/Gallery_files/, "Gallery_files/high_quality");
}
function preloadAll() {
    var i;
    for (i = 0; i < imgs.length; i++) {
        var pic = new Image(100, 100);
        pic.src = fullquality(imgs[i].src);
    }
}
function imgClicked() {
    large.src = fullquality(this.src);
}
function gallery_onLoad() {
    large = document.getElementById("large").getElementsByTagName("img")[0];
    setDisplay(document.getElementById("large"), "block");
    thumbs = document.getElementById("thumbnails");
    imgs = thumbs.getElementsByTagName("img");
    setTimeout("preloadAll()", 0);
    setSrc(large, fullquality(imgs[0].src));
    var i;
    for (i = 0; i < imgs.length; i++) {
        imgs[i].onmouseover = imgClicked;
        imgs[i].onclick     = imgClicked;
    }
}