$(document).ready(function() {
	var currGroup = 1;
	var maxNum = 4; // Change this if you add more groups
	$(".media_table:not(#group1)").hide();

	$("h2#next").click(function() {
		if (currGroup != maxNum) {
			$(".media_table:visible").hide(300);
			currGroup++;
			$("#group" + currGroup).show(1000, function(){
						$(".media_table").not("#group" + currGroup).hide();									
					});
				if (currGroup == maxNum) {
					$("h2#next").css({color: "#ccc", border: "2px solid #ccc", cursor: "default"});
				};
				if (currGroup !== 1 && currGroup !== maxNum) {
					$("#tabs h2").css({color: "#1C517F", border: "2px solid #1C517F", cursor: "pointer"});
				};
				
		};
	});

	$("h2#prev").click(function() {
		if (currGroup != 1) {
			$(".media_table").hide(300);
			currGroup--;
			$("#group" + currGroup).show(1000, function(){
						$(".media_table").not("#group" + currGroup).hide();									
					});
				if (currGroup == 1) {
					$("h2#prev").css({color: "#ccc", border: "2px solid #ccc", cursor: "default"});
				};
				if (currGroup !== 1 && currGroup !== maxNum) {
					$("#tabs h2").css({color: "#1C517F", border: "2px solid #1C517F", cursor: "pointer"});
				};
		};
	});

});