$(document).ready(function() {
	$links = $('#at_a_glance ul li a');
	
	$links.each(function() {
		$(this).click(function(event) {
			deactivateLinks();
			hideImages();
			$link = $(this)
			$link.addClass('active');
			$('#' + $link.attr('id') + '_chart').css('zIndex', '100').show('medium').css('z-index', '10');
			event.preventDefault();
		});
	});
	
	var deactivateLinks = function() {
		$links.each(function() {
			$(this).removeClass('active');
		});
	};
	
	var hideImages = function() {
		$('#at_a_glance p').each(function() {
			$(this).css({display: 'none'});
		})
	};
});