$(function() {
	setupZoom();
	$('#logbook-message-container').before('<ul id="logbook-nav" />');

	var dates = ['26.06.', '27.06.', '28.06.', '29.06.', '30.06.', '01.07.'];
	var activeDate = $('#logbook .logbook-message:first .logbook-date').text();

	for (var i=0; i<dates.length; i++) {
		var logbookDate = dates[i];
		var classes = [];
		$('#logbook-nav').append('<li>' + ($('#logbook .logbook-message:has(.logbook-date:contains("' + logbookDate + '"))').length ? '<a href="#' + logbookDate + '">' + logbookDate + '</a>' : logbookDate) + '</li>');
	}
	$('#logbook-nav a').click(function() {
		switchLogbookDate($(this).text());
		return false;
	});

	switchLogbookDate(activeDate);
});

function switchLogbookDate(date) {
	$('#logbook .logbook-message').hide();
	$('#logbook .logbook-message:has(.logbook-date:contains("' + date + '"))').show();
	$('#logbook-nav li').removeClass('active');
	$('#logbook-nav li:contains("' + date + '")').addClass('active');
}