//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////// Fonction permettant l'affichage de l'heure en temps réel //////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function date_heure() {
    const infos = new Date();
	
    //Date
    const mois = new Array('janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre');
    const jours = new Array('dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi');
    document.getElementById('date').innerHTML = '<center>Nous sommes le ' + jours[infos.getDay()] + ' ' + infos.getDate() + ' ' + mois[infos.getMonth()] + ' ' + infos.getFullYear() + '</center><br />';

    //Heure
    document.getElementById('date').innerHTML += '<center>Il est ' + compZero(infos.getHours()) + ' : ' + compZero(infos.getMinutes()) + ' : ' + compZero(infos.getSeconds()) + '</center>';
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////// Fonction ajoutant un 0 avant les chiffres < à 10 ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function compZero(nombre) {
    return nombre < 10 ? '0' + nombre : nombre;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////// Actualisation de l'heure toute les secondes ////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
window.onload = function() {
   setInterval("date_heure()", 1000);
};
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////Permet de changer de page dans le répertoire ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function changerPage(nbPages, page)
{
	if( page == "prec" || page == "suiv")
	{
		for(i = 1 ; i <= nbPages ; i++)
		{
			if(document.getElementById(i).className == "pageActuelle")
			{
				if(page == "prec")
				{
					page = i-1;
				}
				else
				{
					page = i+1;
				}
				break;
			}
		}
	}
	
	if(page <= 1)
	{
		document.getElementById('prec').className = "pageInactive";
		document.getElementById('suiv').className = "pageActive";
		page = 1;
	}
	
		if(page >= nbPages)
	{
		document.getElementById('suiv').className = "pageInactive";
		document.getElementById('prec').className = "pageActive";
		page = nbPages;
	}
	
	if (page > 1 && page < nbPages)
	{
		document.getElementById('suiv').className = "pageActive";
		document.getElementById('prec').className = "pageActive";
	}

	for(i = 1 ; i <= nbPages ; i++)
	{
		if(i == page)
		{
			document.getElementById(i).className = "pageActuelle";
			affiche = "block"
		}
		else
		{
			document.getElementById(i).className = "pageActive";
			affiche = "none"
		}
		document.getElementById("div"+i).style.display = affiche;
	}
}


function ChangerImages(lstArticles, page)
{
	var tabArt = new Array();
	tabArt = lstArticles.split(";");
	var nbPages = tabArt.length;
	
	if( page == "prec" || page == "suiv")
	{
		for(i = 1 ; i <= nbPages ; i++)
		{
			if(document.getElementById(i).className == "pageActuelle")
			{
				if(page == "prec")
				{
					page = i-1;
				}
				else
				{
					page = i+1;
				}
				break;
			}
		}
	}
	
	if(page <= 1)
	{
		document.getElementById('prec').className = "pageInactive";
		document.getElementById('suiv').className = "pageActive";
		page = 1;
	}
	
		if(page >= nbPages)
	{
		document.getElementById('suiv').className = "pageInactive";
		document.getElementById('prec').className = "pageActive";
		page = nbPages;
	}
	
	if (page > 1 && page < nbPages)
	{
		document.getElementById('suiv').className = "pageActive";
		document.getElementById('prec').className = "pageActive";
	}

	for(i = 1 ; i <= nbPages ; i++)
	{
		if(i == page)
		{
			document.getElementById(i).className = "pageActuelle";
		}
		else
		{
			document.getElementById(i).className = "pageActive";
		}
	}
	
	document.getElementById('img').src = tabArt[page-1];
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////