var listesDeroulantes = document.getElementById('listes-deroulantes'); /* <dl id="listes-deroulantes"> */
var listesTitres = listesDeroulantes.getElementsByTagName('dt');
var listesContenus = listesDeroulantes.getElementsByTagName('dd');
var listeCourante = 0;
var listeDefilement = null; /* <div id="liste-defilement"> */
var listesTimer = null;
var listeMarginTop = 0;
var listes = new Array(listesTitres.length);

for (var i = 0; i < listes.length; i++) {
	listes[i] = new Array();
	listes[i][0] = listesTitres[i].innerHTML;
	listes[i][1] = listesContenus[i].innerHTML;
	if (i != 0) {
		/* on ne garde que la première liste */
		listesDeroulantes.removeChild(listesTitres[i]);
		listesDeroulantes.removeChild(listesContenus[i]);
	}
}

function changerListe(n) {
	listeCourante += n;
	if (listeCourante < 0) { listeCourante = 0; }
	if (listeCourante >= listes.length) { listeCourante = listes.length-1; }

	listesTitres[0].innerHTML = listes[listeCourante][0];

	/* on écrit le contenu deux fois pour faire la boucle */
	listesContenus[0].innerHTML = '<div id="liste-defilement">' +
		listes[listeCourante][1] +
		listes[listeCourante][1] +
		'</div>';

	listeDefilement = document.getElementById('liste-defilement');
	listeMarginTop = 0;
}

function deroulerListe() {
	listeMarginTop--;
	if (listeMarginTop <= listeDefilement.offsetHeight/-2) { listeMarginTop = 0; }
	listeDefilement.style.marginTop = listeMarginTop+'px';
}

listesContenus[0].onmouseover = function() { window.clearInterval(listesTimer); }
listesContenus[0].onmouseout = function() { listesTimer = window.setInterval('deroulerListe()', 50); }

changerListe(0);
listesTimer = window.setInterval('deroulerListe()', 60);