$(document).ready(function() {
 
recup_page = function() {
	//on récupère la varibale contenue dans l'url
	var t = location.search.substring(1);
	//on sépare la variable de sa valeur
	var x = t.split('=');
	//on garde juste la valeur
	var page = x[1];
	//on teste pour voir si la variable de page existe
	if (typeof page != "undefined") {
		//si oui, on l'utilise pour filter le contenu avec la fonction affiche
		affiche (page);
	} else {
		//si non, on lance la fonction reset
		reset ();
	}
}



supprime = function() {
	$('.illu').animate({opacity : 0,},200);
	$('.illu').css("display", "none");
	$('.print').animate({opacity : 0},200);
	$('.print').css("display", "none");
	$('.web').animate({opacity : 0},200);
	$('.web').css("display", "none");
	$('.video').animate({opacity : 0},200);
	$('.video').css("display", "none");
	$('.photo').animate({opacity : 0},200);
	$('.photo').css("display", "none");
	$('.typo').animate({opacity : 0},200);
	$('.typo').css("display", "none");
}


reset = function() {
	$('.illu').css("display", "block");
	$('.illu').animate({opacity : 1},200);
	$('.print').css("display", "block");
	$('.print').animate({opacity : 1},200);
	$('.web').css("display", "block");
	$('.web').animate({opacity : 1},200);
	$('.video').css("display", "block");
	$('.video').animate({opacity : 1},200);
	$('.photo').css("display", "block");
	$('.photo').animate({opacity : 1},200);
	$('.typo').css("display", "block");
	$('.typo').animate({opacity : 1},200);
}



affiche = function(para) {
	supprime();
	var nomclass = "." + para;
	$(nomclass).css("display", "block");
	$(nomclass).animate({opacity : 1},200); 
	
}


 });