var id = 0;
var titre_menu = "";
var titre_page = "";
var menu = "";


function titre(titre, last)	{
	id ++;
	up = "<a class='bouger' href='#haut' title='Remonter'>&#9650;</a>";
	down = "<a class='bouger' href='#bas' title='Descendre'>&#9660;</a>";
	
	if (titre != "")	{//*	// Si on a un titre:
		var taille_maxi = 160;
		var texte = titre;
		if (texte.textWidth() > taille_maxi)	{	// Si titre trop long: on le coupe et on lui met une étiquette
			etiquette = titre;
			for (i=texte.length;(texte+"&hellip;").textWidth() > taille_maxi; i--)	{
				texte = texte.substr(0, i);
			}
			titre_menu = texte + "&hellip;";
		}
		else	{					// si titre pas trop long: pas d'étiquette
			etiquette = "";
			titre_menu = titre;
		}//*/
		titre_page = '<div class="titre" id="b'+id+'" >'+titre+'</div>';
	}
	else	{					// Si on a pas de titre (pied de page): affiche lien vers le haut
		down = "";
		titre_page = titre;
	}
	titre_page = "<br /><div class='bouger'>"+up+down+"&nbsp;</div>"+titre_page+"<br />";
	document.write(titre_page);
	
	if (last)	{
		Symbol = "<span style='font-size:5px;'>&nbsp;</span>&#9492;<span style='font-size:5px;'>&nbsp;</span>";	
		menu += "<a href='#b" + id + "' title=\"" + etiquette + "\">" + Symbol + titre_menu + "</a><br/>";
		Aff(last);
	}
	else	{
		Symbol = "<span style='font-size:5px;'>&nbsp;</span>&#9500;<span style='font-size:5px;'>&nbsp;</span>";
		menu += "<a href='#b" + id + "' title=\"" + etiquette + "\">" + Symbol + titre_menu + "</a><br/>";
		return menu;
	}
}

function Aff(page)	{
	document.getElementById(page).innerHTML = menu;
}



String.prototype.textWidth=function()	{
	var container=document.createElement('div');
	container.style.visibility='hidden';
	//container.style.fontFamily=police;		//si police envoyé en param
	//container.style.fontSize=taille+'%';		//si taille envoyé en param
	container.id="magicdiv";
	container.style.display='inline';
	document.body.appendChild(container);
	document.getElementById('magicdiv').innerHTML=this;
	var longueur = document.getElementById('magicdiv').offsetWidth;
	document.getElementById('magicdiv').parentNode.removeChild(document.getElementById('magicdiv'));
	return longueur;
}






/*
var content = "";

function titre(titre, id, last)	{
	if (last)	{
		Symbol = "<span style='font-size:5px;'>&nbsp;</span>&#9492;";	
		content += "<a href='#" + id + "' >" + Symbol + titre + "</a><br/>";
		Aff(last);
	}
	else	{
		Symbol = "<span style='font-size:5px;'>&nbsp;</span>&#9500;";
		content += "<a href='#" + id + "' >" + Symbol + titre + "</a><br/>";
		return content;
	}
}

function Aff(page)	{
	document.getElementById(page).innerHTML = content + "<br style='font-size:80%;' />";
}//*/