// ------------------------------------ //
// ---- SlideShow --------------------- //
// ------------------------------------ //


var slideNumber = 0;
var pictureArray = new Array();
var slideImageContainer

function showSlideShow(picContainer) {
    window.scroll(0, 0)
    var container = document.getElementById(picContainer)
    var containerImages = container.getElementsByTagName("img")

    for (i = 0; i < containerImages.length; i++) {
        var imageSrc = containerImages[i].src;
        if (imageSrc.indexOf("small") != -1) {
            // check that its a folder
            var firstSlash = imageSrc.charAt((imageSrc.indexOf("small") - 1))
            var lastSlash = imageSrc.charAt((imageSrc.indexOf("small") + 5))
            if ((firstSlash == "/") && (lastSlash == "/")) {
                // small = folder
                newUrlStart = imageSrc.substring(0, imageSrc.indexOf("small"))
                newUrlEnd = imageSrc.substring((imageSrc.indexOf("small") + 5), imageSrc.length)
                pictureArray.push(newUrlStart + "medium" + newUrlEnd)
            }
        }
    }

    // display slideshow
    var blackBackgroundHeader = document.createElement("div")
    blackBackgroundHeader.setAttribute("id", "slideShowHeader");
    blackBackgroundHeader.setAttribute("class", "slideShowHeader");
    blackBackgroundHeader.setAttribute("classname", "slideShowHeader");
    blackBackgroundHeader.innerHTML = "<div class='closeSlideShow'><a href='javascript:closeSlideShow()'>Close Slideshow</a></div>"

    var blackBackground = document.createElement("div")
    blackBackground.setAttribute("id", "slideShowBackground");
    blackBackground.setAttribute("class", "slideShowBackground");
    blackBackground.setAttribute("classname", "slideShowBackground");
    blackBackground.innerHTML = ""
    document.body.appendChild(blackBackground)
    document.body.appendChild(blackBackgroundHeader)
    slideImageContainer = document.createElement("div");
    paintSlide()
}

function goToSlide(dir) {
    if (dir == "lt") {
        if (slideNumber == 0)
            slideNumber = (pictureArray.length - 1);
        else
            slideNumber--;
    }
    else {
        if (slideNumber == (pictureArray.length - 1))
            slideNumber = 0;
        else
            slideNumber++;
    }
    //alert(slideNumber)
    paintSlide();
}
function closeSlideShow() {
    var slideImage = document.getElementById("slideImageContainer")
    var slideBg = document.getElementById("slideShowBackground")
    var slideHead = document.getElementById("slideShowHeader")
    var slideFwd = document.getElementById("buttongt_go")
    var slideBack = document.getElementById("buttonlt_go")

    document.body.removeChild(slideImage)
    document.body.removeChild(slideBg)
    document.body.removeChild(slideHead)
    document.body.removeChild(slideFwd)
    document.body.removeChild(slideBack)
}


function paintSlide() {
    var SCwidth = getBrowserWidth()
    slideImageContainer.innerHTML = ""

    slideImageContainer.setAttribute("id", "slideImageContainer");
    slideImageContainer.setAttribute("class", "slideImageContainer");
    slideImageContainer.setAttribute("classname", "slideImageContainer");

    var slideImage = document.createElement("img");
    //alert(pictureArray[slideNumber])
    slideImage.src = pictureArray[slideNumber];
    var delay = function() { imagesLoaded(slideImage); };

    slideImage.onload = setTimeout(delay, 500);

    //imagesLoaded(slideImage);
    slideImageContainer.appendChild(slideImage)
    var myLeft = "115px"
    slideImageContainer.style.left = myLeft;
    document.body.appendChild(slideImageContainer)
}

function imagesLoaded(sl) {
    // image has now loaded
    if (sl.width < 100)
        imagesLoaded(sl)

    if (!document.getElementById("buttongt_go")) {
        goForward = getSlideButton('gt');
        goBack = getSlideButton('lt')

        document.body.appendChild(goForward)
        document.body.appendChild(goBack)
    }
    else {
        goForward = document.getElementById("buttongt_go");
        goBack = document.getElementById("buttonlt_go")
    }

    goBack.style.left = 50 + "px";
    // alert(sl.width + 170)
    goForward.style.left = (sl.width + 170) + 'px'
}


function moveForward() {

}

function getSlideButton(dir) {
    if (document.getElementById("button" + dir + "_go")) {
        return document.getElementById("button" + dir + "_go")
    }
    else {
        var slideBtnContainer = document.createElement("div");
        slideBtnContainer.setAttribute("id", "button" + dir + "_go");
        slideBtnContainer.setAttribute("class", "slideBtnContainer");
        slideBtnContainer.setAttribute("classname", "slideBtnContainer");
        var slideBtnHyperlink = document.createElement("a");
        slideBtnHyperlink.href = "javascript:goToSlide('" + dir + "')"

        if (dir == "gt") {
            slideBtnHyperlink.innerHTML = "<div class='slideBtnContainerA'>></div>";
        }
        else {
            slideBtnHyperlink.innerHTML = "<div class='slideBtnContainerA'><</div>"; ;
        }

        slideBtnContainer.appendChild(slideBtnHyperlink);
        //alert(dir +" :::: "+slideBtnContainer.innerHTML)
        return slideBtnContainer;
    }
}

function showSlide() {
    var slideImageContainer = document.createElement("div");
    var slideImage = document.createElement("img");

}