/* fonction qui cache toutes les descriptions et ajoute les gestionnaires d'évènements */
function prepareAll(){
	var listitems,i,curlink,curdesc ;
	listitems = (document.getElementById('links')).getElementsByTagName('li');
	for (i=0; i<listitems.length; i++){
		/* on récupère le lien et le paragraphe de description */
		curlink = (listitems[i].getElementsByTagName('a'))[0];
		curdesc = (listitems[i].getElementsByTagName('p'))[0];
		/* on fait les modifications de style : masquer la description et la remonter un peu */
		curdesc.style.display='none';
		curdesc.style.top='-1em';
		curdesc.style.position='absolute';
		/*listitems[i].style.height='1em';*/
		/* on ajoute les gestionnaires de comportement */
		addEvent(curlink,'click',openwin);
		addEvent(curlink,'focus',show);
		addEvent(curlink,'blur',hide);
		addEvent(curlink,'mouseover',show);
		addEvent(curlink,'mouseout',hide);
	}
	return true; 
}

function show(e){
	var src,desc;
	e = getStandardEvent(e);
	/* récupérer la source de l'évènement, et la description liée */
	src = e.target;
	desc = document.getElementById('desc_'+src.getAttribute('id'));
	/* appliquer une règle de style */
	desc.style.left='300px';
	desc.style.display='block';
	return true ;
}

function hide(e){
	var src,desc;
	e = getStandardEvent(e);
	/* récupérer la source de l'évènement, et la description liée */
	src = e.target;
	desc = document.getElementById('desc_'+src.getAttribute('id'));
	/* appliquer une règle de style */
	desc.style.display='none';
	return true ;
}

/* fonction qui ouvre le lien dans une nouvelle fenêtre */
function openwin(e) {
	var lien,href;
	e = getStandardEvent(e);
	e.preventDefault();
	/* récupérer l'adresse du lien */
	lien = e.target;
	href = lien.getAttribute('href');
	/* ouvrir dans une nouvelle fenêtre */
	window.open(href);
	return false;
}

/* Pour lancer la fonction de démarrage au chargement de la page */
if (document.getElementById) {
	addEvent(window, 'load', prepareAll);
}