echo "<div id='FRISE'>";

// -- CADRE CHRONOLOGIQUE
echo "<div id='CHRONO_SIECLES'>";
for($i=1400 ; $i<=2000 ; $i+=100) echo "<p>".$i."</p>";
echo "</div>";

// Origine de la frise : 1400
$ORIGINE = 1400;

// Variable de définition du niveau d'affichage du compositeur
// cle : niveau d'affichage
// valeur : date de fin du niveau (à partir de laquelle on peut mettre un compositeur sur ce même niveau)
$NIVEAU = array(1 => $ORIGINE);

// -- AFFICHAGE DES COMPOSITEURS DEPUIS LA BASE
for($i=1 ; $i<=7 ; $i++)
{
	$result = mysqli_query($DB, "SELECT * FROM compositeurs WHERE periode='".$i."' ORDER BY naissance ASC");
	while($row = mysqli_fetch_array($result))
	{
		// Naissance et mort du compositeur
		// --> Si le compositeur n'est pas mort, la fin de la barre correspond à l'année en cours
		if(empty($row['mort']))	$fin = date(Y);
		else					$fin = intval($row['mort']);
		$debut = intval($row['naissance']);

		// Durée de vie
		$longevite = $fin - $debut;

		// Définition du niveau d'affichage
		$N = FALSE;
		for($k=1 ; $k<=sizeof($NIVEAU) ; $k++)
		{
			// Si les compositeurs ne se chevauchent pas, on sélectionne ce niveau d'affichage
			// et on met la valeur à jour
			if($debut >= $NIVEAU[$k])
			{
				// Définition marge gauche (Echelle : pixels/année = 4)
				$marge_L = ($debut-$ORIGINE)*4;

				// Mise à jour du niveau sélectionné
				$NIVEAU[$k] = $fin;
				$N = $k;
				break;
			}
		}

		// Si aucun niveau n'a pu être sélectionné, on en crée un nouveau
		if($N == FALSE)
		{
			// Définition marge gauche (Echelle : pixels/année = 4)
			$marge_L = ($debut-$ORIGINE)*4;

			// Définition du nouveau niveau
			$NIVEAU[] = $fin;
			$N = sizeof($NIVEAU);
		}

		// Définition marge haute (hauteur compositeur = 36px, +2px d'espace +50px de marge haute incompressible)
		$marge_T = ($N-1)*38 + 50;
		echo "<div class='CHRONO_COMPO' style='top:".$marge_T."px; left:".$marge_L."px; color:".$__PERIODE[intval($row['periode'])][2]."; background-color:".$__PERIODE[intval($row['periode'])][1]."; width:".($longevite*4)."px;'>".$row['prenom']." ".$row['nom']."<br />".$row['naissance']."-".$row['mort']."</div>";
	}
}

echo "</div>"; // Fin #FRISE

echo "<div id='FRISE'>";

// -- CADRE CHRONOLOGIQUE
echo "<div id='CHRONO_SIECLES'>";
for($i=1400 ; $i<=2000 ; $i+=100) echo "<p>".$i."</p>";

// -- AFFICHAGE DES COMPOSITEURS DEPUIS LA BASE
for($i=1 ; $i<=7 ; $i++)
{
	$result = mysqli_query($DB, "SELECT * FROM compositeurs WHERE periode='".$i."' ORDER BY naissance ASC");
	while($row = mysqli_fetch_array($result))
	{
		// Naissance et mort du compositeur
		// --> Si le compositeur n'est pas mort, la fin de la barre correspond à l'année en cours
		if(empty($row['mort']))	$fin = date(Y);
		else					$fin = intval($row['mort']);
		$debut = intval($row['naissance']);

		// Durée de vie
		$longevite = $fin - $debut;

		// Naissance du compositeur à partir de l'origine (année 1400)
		// Multiplicateur pixels = 4
		$left = ($debut - 1400)*4;
		echo "<div class='CHRONO_COMPO' style='margin-left:".$left."px; color:".$__PERIODE[intval($row['periode'])][2]."; background-color:".$__PERIODE[intval($row['periode'])][1]."; width:".($longevite*4)."px;'>".$row['prenom']." ".$row['nom']."<br />".$row['naissance']."-".$row['mort']."</div>";
	}
}
echo "</div>"; // Fin #CHRONO_SIECLES
echo "</div>"; // Fin #FRISE