// Variable globale
var current = 'a-propos';

$(document).ready(function() {
	var ready = true;
	var href = document.location.href;
	var pos = href.indexOf('#');
	if (pos != -1) {
		var id = href.substring(pos+1);
		if (document.getElementById(id)) {
			$('#'+current).hide();
			current = id;
			$('#'+current).show();
		}
	}
	
	$('nav a').click(function() {
		if (ready) {
			ready = false;
			var next = $(this).attr('class');
			$('#'+current).hide("fade", {}, 1000, function() {
				// callback method
				$('#'+next).show("fade", {}, 1000, function() {
					ready = true;
				});
			});
			current = next;
		}
	});
	
	$('#logo a').click(function() {
		if (ready) {
			ready = false;
			var next = 'a-propos';
			$('#'+current).hide("fade", {}, 1000, function() {
				// callback method
				$('#'+next).show("fade", {}, 1000, function() {
						ready = true;
					});
			});
			current = next;
		}
	});
});