// **********************************************
// **********************************************
// * Galleri skapat av Eric Johansson			*
// * http://utvecklaren.grubblar.nu				*
// * http://ericj.se							*
// **********************************************
// **********************************************

// Skapar och ger värde till variablar
var intImgIndex = 0;
var intAntal = 0;
var slideTimer = "";


// När dokumentet laddas görs element klickbara
$(document).ready(function() {
    $("#btnnext").click(function() { clearInterval(slideTimer); imgNext(); });
    $("#btnprev").click(function() { clearInterval(slideTimer); imgPrev(); });
    $("#imgnums span").click(function() { imgChosen($(this).attr("id")); });
    imgNext();
    slideTimer = setInterval(function() { imgNext(); }, 6000);
});

// Räknar bilderna och skriver ut nummer för varje bild. 1, 2, 3, 4 osv.
function imgCount() {
    intAntal = 0;
    $("#imgnums").html("");
    $("#imgcontainer img").each(function() {
        intAntal++;
        var currImgids = $("#imgnums").html();
        if (intAntal == (intImgIndex)) {
            $("#imgnums").html(currImgids + "<span onclick='imgChosen(" + intAntal + ");' class='selected'>" + intAntal + "</span>")
        }
        else {
            $("#imgnums").html(currImgids + "<span onclick='imgChosen(" + intAntal + ");'>" + intAntal + "</span>")
        }

    });
}


// Visar önskad bild när man klickar på dess siffra / nummer
function imgChosen(thisImgId) {
    var imgId = thisImgId;
    intImgIndex = imgId;
    imgCount();
    thisId = "#imgcontainer";
    $(thisId + ' img').css('display', 'none');
    $(thisId + ' img:nth-child(' + intImgIndex + ')').fadeIn();
}

// Visar nästa bild när man klickar på Nästa-knappen
function imgNext() {
    intImgIndex++;
    imgCount();
    thisId = "#imgcontainer";
    if (intImgIndex > intAntal) {
        intImgIndex = 1;
        imgCount();
    }
    $(thisId + ' img').css('display', 'none');
    $(thisId + ' img:nth-child(' + intImgIndex + ')').fadeIn();
    $("#slide-show-nav span").text($(thisId + ' img:nth-child(' + intImgIndex + ')').attr("alt"));
}

// Visar föregående bild när man klickar på Föregående-knappen
function imgPrev() {
    intImgIndex = intImgIndex - 1;
    imgCount();
    thisId = "#imgcontainer";
    if (intImgIndex == 0) {
        intImgIndex = intAntal;
        imgCount();
    }
    $(thisId + ' img').css('display', 'none');
    $(thisId + ' img:nth-child(' + intImgIndex + ')').fadeIn();
}