$(function () {
	
	var articles = $('#activeArticle .article');
	var list = $('#aboutTable li');
	
	var activeArticleID = 0;
	var activeArticle = articles[0];
	
	list.each(function (pos) {
		
		$(this).click(function () {
			
			if (pos != activeArticleID) {
				
				$(list[activeArticleID]).removeClass('active');
				$(activeArticle).hide();
				
				$(this).addClass('active');
				$(articles[pos]).show();
				
				activeArticle = articles[pos];
				activeArticleID = pos;
				
				// Print Link
				$('a.print-icon').attr('href','/about/' + this.id);
				
				resetScrollBars();
			}
			
		});
		
	});
	
	
	
	
	
	var resetScrollBars = function () {
		$('#activeArticle').jScrollPane({scrollbarWidth:7});
	};
	
	resetScrollBars();
	
});