$(document).ready(function()
{
	var currentPane = "welcome"; // default pane, holds last clicked tab id
	var newPane; // holds clicked tab id
	
	// clicked tab event
	$("#newsBox .navigation li a").click(function(event)
	{
		// prevent tab link from redirecting
		event.preventDefault();
		// check if clicked tab is active
		if($(this).parent().attr("id") != currentPane)
		{
			// get id of clicked tab
			newPane = $(this).parent().attr("id");
			// remove "active" class from previous clicked tab
			$("#"+currentPane+" a").removeClass("active");
			// add "active" class to clicked tab
			$("#"+newPane+" a").addClass("active");
			// fade out previous pane
			$("#"+currentPane+"Pane").fadeOut("slow", function(){
					// callback
					// fade in new pane
					$("#"+newPane+"Pane").fadeIn("slow");
					// set current pane
					currentPane = newPane;
			});
		};
	});
});