$(document).ready(function(){
	//References
	var loading = $("#loading");
	var container = $("#container2");
	var link;
	
	//Manage click events
	$("a.ajax-links").click(function(e){
		//prevent default action
		e.preventDefault();
		

		
		//define the target and get content then load it to container
		link = $(this).attr("href") + " #content";
		container.load(link, hideLoading);
		container.slideDown();
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});