$(document).ready(function() {
	$('#menu li ul').hide();

	$('#menu').show();

	$.History.bind(function() {
		showArticle(window.location.hash.substring(1));
	});

	if ( window.location.hash != '' ) {
		showArticle(window.location.hash.substring(1));
	}
});

function showArticle(articleId) {
	// hide previous article
	$('.article').hide();

	// show article
	$('#a' + articleId).show();

	// deselect menu
	$('a.active').removeClass('active');

	// close menu
	$('#menu li ul').hide();

	var article = $('#m' + articleId);

	// select menu
	article.addClass('active');

	// make menu visible
	article.parents('ul').show();

	// make children visible
	article.parent().find('ul:first').toggle();
}