// **********************************************
// **********************************************
// * 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;

	// När dokumentet laddas görs element klickbara
	$(document).ready(function(){ 
		$("#btnNext").click(function(){imgNext();});
		$("#btnPrev").click(function(){imgPrev();});
		$("#imgnums span").click(function(){imgChosen($(this).attr("id"));});
		imgNext();
 	});	

	// Räknar bilderna och skriver ut nummer för varje bild. 1, 2, 3, 4 osv.
	function imgCount() {
		intAntal = 0;
		$("#imgnums").html("");
		$("#themecontainer 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 = "#themecontainer";
		$(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 = "#themecontainer";
		if (intImgIndex > intAntal) {
			intImgIndex = 1;
			imgCount();
		}
		$(thisId+' img').css('display', 'none'); 
		$(thisId+' img:nth-child('+intImgIndex+')').fadeIn();
	}
	
	// Visar föregående bild när man klickar på Föregående-knappen
	function imgPrev() {			
		intImgIndex = intImgIndex - 1;	
		imgCount();	
		thisId = "#themecontainer";
		if (intImgIndex == 0) {
			intImgIndex = intAntal;
			imgCount();
		}
		$(thisId+' img').css('display', 'none'); 
		$(thisId+' img:nth-child('+intImgIndex+')').fadeIn();
	}