window.onload=function(){
			//Algorythme de mise en page typo
			//$("#page :not(#logo, #logo1)").hide();
			$(".logo2").css("display","block").css("opacity","0");
			//$("#menucote, .infos, .meta_infos, .bio").hide();
			$(".infos, .meta_infos, .bio").hide();
			$("body").animate({
				opacity : "1"
				})
			};


//Usage:
//$.random(int);
//$.randomBetween(min, max);
jQuery.extend({
	random: function(X) {
	    return Math.floor(X * (Math.random() % 1));
	},
	randomBetween: function(MinV, MaxV) {
	  return MinV + jQuery.random(MaxV - MinV + 1);
	}
});


setInterval('animlogo();',150);



var logosurvol=false;
var lettresVTF = new Array("V","T","F");
var ToutesLesTypos = new Array();
var compteurAnimLogo = 0;
var cycleur = 0;
function animlogo(){
	if(logosurvol==true){
	    if(compteurAnimLogo==3){compteurAnimLogo=0};
	    cycleur = $.randomBetween(0,ToutesLesTypos.length);
		$(".logo2").text(lettresVTF[compteurAnimLogo]).removeClass().addClass("logo2").addClass(ToutesLesTypos[cycleur]);
		compteurAnimLogo++;
		//if(cycleur==ToutesLesTypos.length){cycleur=0;}
		//else{cycleur++;}
		}
	
}

$(function(){    
    
	//fonctions qui modifient la mise en page au chargement
	var compteurClasses = 0;
	$("li").each(function(){
		var classe = $(this).attr("class");
		$(this).attr("id",classe)
		ToutesLesTypos[compteurClasses] = classe;
		compteurClasses++;
	})
	
	
	//Construction du menu coté
	$("li[class]").each(function(){
		var nom = $(this).attr("class");
		var nom_propre = nom.replace("_"," ");
		$("<a />").text(nom_propre).appendTo($("#menucote")).attr("href","#"+nom);
		$("<br>").appendTo($("#menucote"));
		$("<p />").text(nom_propre).prependTo($(this).children(".meta"));
		$("<a />").text("download").attr("href","archives/"+nom+".zip").appendTo($(this).children(".meta"));
	})
	
	$("<br>").appendTo($("#menucote"));
	$("<a>").text("Go to the top").attr("href","#logo").appendTo($("#menucote"));
	$("<br>").appendTo($("#menucote"));
	
	//Remplissage des infos
	$("p").each(function(){
		switch($(this).text()){
			case "by frnk" : $("<p />").text("Né en 1982, frank est un pur produit de la génération postscript. Venu à la typographie par l'informatique, il expérimente la typographie dès 1999, anime les curiosités typographiques sur le blog velvetyne de 2006 à 2010. Il entreprend la création de caractères typographiques à partir de 2008. en juin 2010, il fonde velvetyne type forge qui deviendra VTF quelques mois plus tard. Comptable de métier, libriste invétéré, il écrit de façon régulière depuis 2005, fait de l'équipe du typographe depuis 2006 et jette sur la typographie un regard décalé et impertinent.").addClass("bio").insertAfter(this);
				$(this).addClass("auteur").click(function(){
					$(this).next().slideToggle();
				})
			break;
			case "by slvn" : $("<p />").text("Sylvain Henri, is the third member of VTF. He is graphic and type designer.").addClass("bio").insertAfter(this);
				$(this).addClass("auteur").click(function(){
					$(this).next().slideToggle();
				})
			break;
			case "by jjllnn" : $("<p />").html("<a href='http://www.jjllnn.fr'>Jérémy Landes-Nones</a>, is the second member of VTF. He also made this website. He is graphic and type designer.").addClass("bio").insertAfter(this);
				$(this).addClass("auteur").click(function(){
					$(this).next().slideToggle();
				})
			break;
			case "by hln" : $("<p />").html("<a href='http://www.helenemarian.com/'>Hélène Marian Srodogora</a>, is the fifth member of VTF. She is graphic and type designer.").addClass("bio").insertAfter(this);
				$(this).addClass("auteur").click(function(){
					$(this).next().slideToggle();
				})
			break;
		}
	})
		
	$("#menucote").localScroll()
	$("#logo").localScroll()
	
	//fonctions d'évènements
	
	
	//survol des logos
	$("#logo").hover(function(){
		$("#logo1").hide();
		$(".logo2").css("opacity","1");
		logosurvol=true;
		},function(){
		$("#logo1").show();
		$(".logo2").css("opacity","0");
		logosurvol=false;
	})


	
	//Effet accordéon
	$("#titre_manifeste").click(function(){
		$(this).next().next().toggleSlide();
		})
	
	$("a[id='titre']").click(function(){
		if($(this).hasClass("clique")){
			$(this).removeClass("clique").next().slideUp("normal")
			$(this).prev().filter(".meta_infos").fadeOut("normal")
			}
		else{
			var hauteur = $(this).offset().top - 50;
			//animation du scroll.
			$('html,body').animate({scrollTop: hauteur}, 500);
			$(this).addClass("clique").next().slideDown("normal")
			$(this).prev().filter(".meta_infos").fadeIn("normal")
			
			}
	})
})