$(document).ready(function() {
	$(".btn_prev").click(function() {
		var target = "#" + $(this).parent().parent().parent().attr("id");
		
		$(target + " .content .data:first").hide();
		
		var movePost = $(target + " .content .data:last");
		$(target + " .content .data:last").remove();
		
		$(movePost).prependTo($(target + " .content"));
		
		$(target + " .content .data:first").show();
		
		var aktiv = parseInt($(target + " .content .data:first").attr("id"));
		$(target +" .navigation .navContainer").css("color", "#fff");
		$(target +" .navigation .navContainer:nth-child("+aktiv+")").css("color", "#000");
	});
	
	$(".btn_next").click(function() {
		var target = "#" + $(this).parent().parent().parent().attr("id");
		var movePost = $(target + " .content .data:first");
		
		$(target + " .content .data:first").remove();
		
		$(movePost).appendTo($(target + " .content"));
		
		$(target + " .content .data:last").hide();
		$(target + " .content .data:first").show();
		
		var aktiv = parseInt($(target + " .content .data:first").attr("id"));
		$(target +" .navigation .navContainer").css("color", "#fff");
		$(target +" .navigation .navContainer:nth-child("+aktiv+")").css("color", "#000");
	});

	$(".navContainer").click(function() {
		var target = "#" + $(this).parent().parent().parent().attr("id");
		$(target +" .navigation .navContainer").css("color", "#fff");
		$(this).css("color", "#000");
		
		var nr = $(this).attr("id");
		
		do{
			var target = "#" + $(this).parent().parent().parent().attr("id");
			var movePost = $(target + " .content .data:first");
			
			$(target + " .content .data:first").remove();
			
			$(movePost).appendTo($(target + " .content"));
			
			$(target + " .content .data:last").hide();
			$(target + " .content .data:first").show();
		}while($(target + " .content .data:first").attr("id") != nr)

	});
});