//le javascript se lance lorsque la page est totalement chargée
$(function(){
	//
	// Variable contenant le nom des id des onglets
	//
	var ongTab = new Array();
	var idTab  = new Array();
	
	//
	// Functions
	//
	function switch_tab(id_onglet) {
		// Selection onglet courrant
		var bar = "#"+id_onglet;
		for (i=0; i<idTab.length; i++)
			$("#"+idTab[i]).parent().removeAttr("class");
		
		$(bar).parent().attr("class", "current");
		
		// Affiche page
		bar = "#page_" + id_onglet;
		for (i=0; i<idTab.length; i++)
			$("#page_"+idTab[i]).hide();

		$(bar).show();
	};
	
	function createTab () {
		$("div.tab > h1").each(function () {
			ongTab[ongTab.length] = $(this).text();
		});
		$("div.tab").each(function () {
			var tmp = $(this).attr("id")
			idTab[idTab.length] = tmp.substr(5,tmp.length-4);
		});
		for (i=ongTab.length-1; i>=0; i--) {
			if ($("div#page_"+idTab[i]).attr("class") == "tab current" || $("div#page_"+idTab[i]).attr("class") == "current tab")
				var selected = i;
			$("#onglet_bis").append("<li class=\"\"><a href=\"#\" id=\""+idTab[i]+"\">"+ongTab[i]+"</a></li>");
		}
		
		switch_tab(idTab[selected]);
		
		//
		// Events
		//
		for (i=0; i<idTab.length; i++) {
			$("#"+idTab[i]).click(function(){
				switch_tab($(this).attr("id"));
			});
		}
	};
	
	$(window).load(function () {
		createTab();
	});
});