$(document).ready( function() {
	
	
	
	$(".showPrevious").click( function() {
		showPreviousImage($(this).attr("id"));	
	});
	
	$(".showNext").click( function() {
		showNextImage($(this).attr("id"));
	});
});


function showNextImage(imagegroupID) {
	
	images = imagegroup[imagegroupID];
	k = imagegroupcounter[imagegroupID];
	
	if (k != images.length-1) {
		k++;
		image = images[k];
		$("#mainimage_" + imagegroupID).attr("src", image['file']);
		$("#image-text-container-" + imagegroupID).empty();
		$("#image-text-container-" + imagegroupID).text(image['text']);
		$("#showPrevious").css("color", "#703378");
		if(k == images.length-1) {
			$("#showNext").css("color", "#bbb");	
		}
	} else {
		$("#showNext").css("color", "#bbb");
	}
	imagegroupcounter[imagegroupID] = k;
}

function showPreviousImage(imagegroupID) {
	images = imagegroup[imagegroupID];
	k = imagegroupcounter[imagegroupID];
	
	if (k != 0) {
		k--;
		image = images[k];
		$("#mainimage_" + imagegroupID).attr("src", image['file']);
		$("#showNext").css("color", "#703378");
		$("#image-text-container-" + imagegroupID).empty();
		$("#image-text-container-" + imagegroupID).text(image['text']);
		if (k == 0) {
			$("#showPrevious").css("color", "#bbb");	
		}
	} else {
		$("#showPrevious").css("color", "#bbb");
	}
	imagegroupcounter[imagegroupID] = k;
	
}