// Load all .css needed for all ajax section
// it seems that autor.css is not needed
document.write("<link rel='stylesheet' type='text/css' href='/css/libro.css' media='screen,projection,tv' />");

$(document).ready(function() {
	$("<div id='subHolder'></div>").appendTo("#content")
	rewriteLinks("#main");
});

function rewriteLinks(id) {
	$(id + ' ul a').click(function() {
		$(id + ' li').removeClass('selected');
		$(this).parent().addClass('selected');
		var url = $(this).attr('href');
		// Make ajax call
		$("#subHolder").load(
			url + " #sub",
			function (responseText, textStatus, XMLHttpRequest) {
				rewriteLinks("#sub");
			}
		);
		return false;
	});
}