var Images = 0;
var CurrImage = 0;
$(document).ready(function() {
    DocReady();
});

function DocReady() {
    CurrImage = 0;
    Images = parseInt($("#imgcontainer").children().size());
    GetImage(CurrImage + 1);

    if (Images > 1) {

        SetNums();

        var SwapImageTimer = setInterval(function() {
            GetImage(CurrImage + 1);
        }, 6500);

        $("#topimagenum span").click(function() {
            GetImage(parseInt($(this).text()));
            clearInterval(SwapImageTimer);
            SwapImageTimer = setInterval(function() {
                GetImage(CurrImage + 1);
            }, 6500);
        });
    }
}

function GetImage(ImgNum) {
    if (ImgNum == 500) { ImgNum = CurrImage - 1 }
    if (ImgNum == 1000) { ImgNum = CurrImage + 1 }
    if (ImgNum > Images) { ImgNum = 1; }
    if (ImgNum < 1) { ImgNum = Images; }

    CurrImage = ImgNum;
    $("#imgcontainer img").hide();
    $("#imgcontainer img:nth-child(" + ImgNum + ")").fadeIn(1000);
    $("#topimagenum span").removeClass("selected");
    $("#topimagenum span").each(function() {
        if ($(this).text() == ImgNum.toString()) { $(this).addClass("selected"); }
    });
}


function SetNums() {
    $("#topimagenum").html("");
    var i = 0;
    for (i = 1; i <= Images; i++) {
        if (i == 1) {
            $("#topimagenum").html($("#topimagenum").html() + "<span class=\"selected\">" + i + "</span>");
        } else {
            $("#topimagenum").html($("#topimagenum").html() + "<span>" + i + "</span>");
        }
    }
}