$(document).ready(function(){
	$(".tag1").addClass("active");
	
	$(document).on("click", ".tag1", function () { 
		for (i=1; i<=4; i++){
			$("#news_"+i).css("display","none");
			$("#links_"+i).css("display","none");
			$(".tag"+i).removeClass("active");
		}
		$("#news_1").fadeIn();
		$("#links_1").fadeIn();
		$(this).addClass("active");
		return false;
	});
	$(document).on("click", ".tag2", function () { 
		for (i=1; i<=4; i++){
			$("#news_"+i).css("display","none");
			$("#links_"+i).css("display","none");
			$(".tag"+i).removeClass("active");
		}
		$("#news_2").fadeIn();
		$("#links_2").fadeIn();
		$(this).addClass("active");
		return false;
	});
	$(document).on("click", ".tag3", function () { 
		for (i=1; i<=4; i++){
			$("#news_"+i).css("display","none");
			$("#links_"+i).css("display","none");
			$(".tag"+i).removeClass("active");
		}
		$("#news_3").fadeIn();
		$("#links_3").fadeIn();
		$(this).addClass("active");
		return false;
	});
	$(document).on("click", ".tag4", function () { 
		for (i=1; i<=4; i++){
			$("#news_"+i).css("display","none");
			$("#links_"+i).css("display","none");
			$(".tag"+i).removeClass("active");
		}
		$("#news_4").fadeIn();
		$("#links_4").fadeIn();
		$(this).addClass("active");
		return false;
	});
	
	var topic1="0px";
	var topic2="-948px";
	var topic3="-1896px";
	var topic_page=1;
	$(document).on("click", ".topic_prev", function() {
		if (topic_page !=1){
			topic_page-=1;
		}else{
		}
		if (topic_page == 1)
			$("#topic_list").stop().animate({"left": topic1}, "slow");
		if (topic_page == 2)
			$("#topic_list").stop().animate({"left": topic2}, "slow");
		if (topic_page == 3)
			$("#topic_list").stop().animate({"left": topic3}, "slow");
			
	});
	$(document).on("click", ".topic_next", function() {
		if (topic_page >=1 && topic_page <=2){
			topic_page+=1;
		}else{
		}
		if (topic_page == 1)
			$("#topic_list").stop().animate({"left": topic1}, "slow");
		if (topic_page == 2)
			$("#topic_list").stop().animate({"left": topic2}, "slow");
		if (topic_page == 3)
			$("#topic_list").stop().animate({"left": topic3}, "slow");
			
	});
});