var monInterval;
var taille;

/* Taille de la liste */

function tailleUl(liste){
	if (liste.hasChildNodes()){
		var cells = liste.getElementsByTagName("li");
		var longueur = (cells.length)*(58+23); // addition de la largeur de la cellule + de la marge x le nombre de cellules
		return(longueur);
	}
	else return("0");
}
	
function moveRight(){
	monInterval=setInterval("scrollRight()", 50);
}

function moveLeft(){
	monInterval=setInterval("scrollLeft()", 50);
}

function scrollRight(){
	if (parseInt(document.getElementById("listeDates").style.left)>(-(taille))+573){
			document.getElementById("listeDates").style.left=parseInt(document.getElementById("listeDates").style.left)-5+"px";
	}else{
		clearInterval(monInterval);
	}
}
	
function scrollLeft(){
	if (parseInt(document.getElementById("listeDates").style.left)<0){
			document.getElementById("listeDates").style.left=parseInt(document.getElementById("listeDates").style.left)+5+"px";
	}else{
		clearInterval(monInterval);
	}
}

function voirBlabla(identifiant){
	/* on met les autres liens a "off" */
	var listeLi = document.getElementById("listeDates").getElementsByTagName("li");
	for (var i = 0; i < listeLi.length; i++){
		listeLi[i].className = "";
	}
	/* on met le lien a "on" */
	document.getElementById(identifiant).className = "on";
	/* on masque les autres contenus */
	var listeLi2 = document.getElementById("blablas").getElementsByTagName("div");
	for (var i = 0; i < listeLi2.length; i++){
		if(listeLi2[i].id.substr(0,11) == "contenudate"){			
			listeLi2[i].style.display = "none";
		}		
	}	
	/* on affiche le contenu */
	document.getElementById("contenu"+identifiant).style.display = "block";
}
	
window.onload=function(){
	/* initialisation JS */	
	document.getElementById("listeDates").style.left = "0px";
	document.getElementById("listeDates").style.width = "10000px";
	document.getElementById("listeDates").style.height = "60px";
	var listeLi2 = document.getElementById("blablas").getElementsByTagName("div");
	for (var i = 0; i < listeLi2.length; i++){
		if(listeLi2[i].id.substr(0,11) == "contenudate"){			
			listeLi2[i].style.display = "none";
		}		
	}
	document.getElementById("date1").className = "on";
	document.getElementById("contenudate1").style.display = "block";
	taille = tailleUl(document.getElementById("listeDates"));
}