// variables
var conteneur = ".ongletsConteneur";
var contenu = ".ongletsContenu";
var liste = ".onglets";

var conteneurmot = ".glossairemotConteneur";
var contenumot = ".glossairemotContenu";
var listemot = ".glossairemot";

var conteneurGlossaire=".glossaireConteneur";
var contenuGlossaire=".glossaireContenu";
var listeGlossaire=".glossaire";

var hauteurLien;

$(document).ready(function(){
	// on annule la taille des contenus
	$(contenu).height("auto");

	// on affecte au conteneur la taille du premier contenu
	$(conteneur).each(function(){		
		$(this).height($(this).children("*:first").height());
	});
	
	// on met les premiers elements des listes a "on"
	$(liste).each(function(){		
		$(this).children("*:first").addClass("on");
	});
	
	$(liste + " li a").click(function(){		
		// changement de l'apparence de l'onglet
		$(this).parent().parent().children("li").removeClass("on");
		$(this).parent().addClass("on");		
		$(this).blur();
		
		// rajouts pour eviter effets de scroll
		$($(this).attr("href")).parent().children("div").hide(); // on cache tous les liens de la liste
		$($(this).attr("href")).show();// sauf celui qu'on veut

		// modification de la hauteur du conteneur
		hauteurLien = $($(this).attr("href")).height();
		$($(this).attr("href")).parent().height(hauteurLien);
		
		return false;
	});

	// on annule la taille des contenus
	$(contenumot).height("auto");

	// on affecte au conteneur la taille du premier contenu
	$(conteneurmot).each(function(){		
		$(this).height($(this).children("*:first").height());
	});
	
	// on met les premiers elements des listes a "on"
	$(listemot).each(function(){		
		$(this).children("*:first").addClass("g2On");
	});
	
	$(listemot + " li a").click(function(){		
		// changement de l'apparence de l'onglet
		$(this).parent().parent().children("li").removeClass("g2On");
		$(this).parent().addClass("g2On");		
		$(this).blur();
		
		// rajouts pour eviter effets de scroll
		$($(this).attr("href")).parent().children("div").hide(); // on cache tous les liens de la liste
		$($(this).attr("href")).show();// sauf celui qu'on veut

		// modification de la hauteur du conteneur
		hauteurLien = $($(this).attr("href")).height();
		$($(this).attr("href")).parent().height(hauteurLien);
		
		return false;
	});

	// on annule la taille des contenus
	$(contenuGlossaire).height("auto");

	// on affecte au conteneur la taille du premier contenu
	$(conteneurGlossaire).each(function(){		
		$(this).height($(this).children("*:first").height());
	});
	
	// on met les premiers elements des listes a "on"
	$(listeGlossaire).each(function(){		
		$(this).children("*:first").addClass("g1On");
	});
	
	$(listeGlossaire + " li a").click(function(){		
		// changement de l'apparence de l'onglet
		$(this).parent().parent().children("li").removeClass("g1On");
		$(this).parent().addClass("g1On");		
		$(this).blur();
		
		// rajouts pour eviter effets de scroll
		$($(this).attr("href")).parent().children("div").hide(); // on cache tous les liens de la liste
		$($(this).attr("href")).show();// sauf celui qu'on veut

		// modification de la hauteur du conteneur
		hauteurLien = $($(this).attr("href")).height();
		$($(this).attr("href")).parent().height(hauteurLien);
		
		return false;
	});

	return false;
});