var imageDeckArray = [];
var deckImageArray = [];
var currentIndex = 1;
var totalImages = 0;
$(document).ready(function() {
    deckImageArray = $(".deck-image");
    imageDeckArray = $(".image-deck");
    totalImages = deckImageArray.length;

    if (totalImages <= 1) {
        $(".stacked").css("display", "none");
        $(".cascaded").css("display", "none");
    }
    else {

        $("#total-images").html(totalImages);
        $("#stack-images").click(function() {
            $(".image-deck").css("position", "absolute");
            $(this).css("display", "none");
            $(".stacked").css("display", "inline");
        });
        $("#cascade-images").click(function() {
            $(".image-deck").css("position", "relative");
            $(".stacked").css("display", "none");
            $("#stack-images").css("display", "inline");
        });
        $(".deck-image").click(function() {
            deckNext(this);
        });
        $("#next-image").click(function() {
            deckNext();
        });
        $("#previous-image").click(function() {
            deckPrevious();
        });
    }
});
function deckNext() {
    moveDeckNext($(".deck-image:first"));
    if (currentIndex == totalImages) currentIndex = 0;
    $("#current-image").html(++currentIndex);
}
function deckPrevious() {
    moveDeckPrevious($(".deck-image:last"));
    if (currentIndex == 1) currentIndex = (totalImages + 1);    
    $("#current-image").html(--currentIndex);
}
function moveDeckNext(current) {
    //store this src
    var tempSrc = $(current).children().attr("src");

    var tempArray = [];
    for (i = 0; i < deckImageArray.length; i++) {
        tempArray[i] = $(deckImageArray[i]).children().attr("src");
    }

    for (i = 0; i < deckImageArray.length - 1; i++) {
        $(deckImageArray[i]).children().attr("src", tempArray[i + 1]);
        //pausecomp(50);
    }
        
    //set last image to the original first src.
    $(deckImageArray[deckImageArray.length - 1]).children().attr("src", tempSrc);
 }
function moveDeckPrevious(last) {
    //store this src
    var tempSrc = $(last).children().attr("src");

    var tempArray = [];
    for (i = 0; i < deckImageArray.length; i++) {
        tempArray[i] = $(deckImageArray[i]).children().attr("src");
    }
    
    for (i = 1; i < deckImageArray.length; i++) {
        $(deckImageArray[i]).children().attr("src", tempArray[i - 1]);
    }

    //set last image to first src.
    $(deckImageArray[0]).children().attr("src", tempSrc);
}
function pausecomp(millis) {
    var date = new Date();
    var curDate = null;

    do { curDate = new Date(); }
    while (curDate - date < millis);
}