$(document).ready(function() {
	
	// defining elements to use
	$("#NewsPostContainer div:nth-child(1)").attr("id", "n1");
	$("#NewsPostContainer div:nth-child(2)").attr("id", "n2");
	$("#NewsPostContainer div:nth-child(3)").attr("id", "n3");
	
	$("#NewsNav li:nth-child(1)").attr("id", "a1");
	$("#NewsNav li:nth-child(2)").attr("id", "a2");
	$("#NewsNav li:nth-child(3)").attr("id", "a3");
	
	// default settings
	$("#n2, #n3").hide();
	$("#n1").show();
	
	$("#a1").addClass("active");
	
	// the action
	$("#a1").hover(function() {
		$("#n2, #n3").hide();
		$("#n1, #n1 div").show();
	});
	
	$("#a2").hover(function() {
		$("#n1, #n3").hide();
		$("#n2, #n2 div").show();
	});
	
	$("#a3").hover(function() {
		$("#n1, #n2").hide();
		$("#n3, #n3 div").show();
	});
	
});