$(document).ready(function() {
	$('#photos div').hide();
	$('#legendes > div').hide();
	$('#photos div:first-child').show();
	$('#legendes div:first-child').show();
	$('#vignettes li:first-child a').addClass('on');

	$('#vignettes a').click(function(){
		$('#photos div').hide();
		$('#legendes > div').hide();
		$('#vignettes a').removeClass('on');
		$(this).addClass('on');
		$($(this).attr('href')).show();
		$($(this).attr('href').replace('photo','legende')).show();
		return false;
	});

	$('a.navigation').click(function(){
		if($(this).hasClass('precedent')) {
			var precedent = $('#vignettes a.on').parent().prev().children();
			if(precedent.length > 0) {
				$('#photos div').hide();
				$('#legendes > div').hide();
				$('#vignettes a').removeClass('on');
				$(precedent).addClass('on');
				$($(precedent).attr('href')).show();
				$($(precedent).attr('href').replace('photo','legende')).show();
			}
		} else {
			var suivant = $('#vignettes a.on').parent().next().children();
			if(suivant.length > 0) {
				$('#photos div').hide();
				$('#legendes > div').hide();
				$('#vignettes a').removeClass('on');
				$(suivant).addClass('on');
				$($(suivant).attr('href')).show();
				$($(suivant).attr('href').replace('photo','legende')).show();
			}
		}
		return false;
	});
});