Untitled


<?php

	$album = array(
	array(
	"AlbumTitle" => "k3",
	"AlbumImage" => "images/download.jpg",
	"AlbumVideo" => "movies/k3allekleuren.mp4",
	"Tracks" => array(
		array(
		"TrackTitle" => "Alle kleuren",
		"TrackDuration" => "3:38",
		"TrackMP3" => "songs/K3-Alle-Kleuren.mp3",
		),
		array(
			"TrackTitle" => "Drie biggetjes",
			"TrackDuration" => "3:44",
			"TrackMP3" => "songs/K3-De3Biggetjes.mp3",
		),
		array(
			"TrackTitle" => "Toveren",
			"TrackDuration" => "3:08",
			"TrackMP3" => "songs/K3-Toveren.mp3",))));
	?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="description" content="Radio Gaga. - Enjoy The Greatest Hits">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<title>Radio Gaga. - Playlist</title>
</head>
	<body>
		<header id="header">

			<div id="logo">
			<a href="index.html">radio gaga.</a>
			</div>

		<nav id="main-nav">
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="playlist.php">Playlist</a></li>
		</ul>
		</nav>
		</header>
	<div class="main-container">
			<div class="album-container">
			<a onclick=
				"document.getElementById('big-block-one').style.display='block';
				document.getElementById('big-block-two').style.display='none';
				document.getElementById('big-block-three').style.display='none';
				">
				<img src="images/download.jpg">
				</a>

				<img src="images/download (1).jpg">
				<img src="images/download (2).jpg">
			</div>
			<div class="playlist-container">
				<h1>K3</h1>
				<video src="movies/k3allekleuren.mp4" width="630" poster="images/download.jpg" controls></video>
				<table id="table">
					<thead>
						<th>Track</th>
						<th>Title</th>
						<th>Duration</th>
						<th>Play</th>
					</thead>
				<?php $n1 += 1;
				foreach($album[0]["Tracks"] as $track) {?>
					<tbody>
								<td><?php echo $n1++;?></td>
								<td><?php echo $track["TrackTitle"];?></td>
								<td><?php echo $track["TrackDuration"];?></td>
								<td><a onclick="
								player = document.getElementById('audio');
								player.src='<?php echo $track['TrackMP3'];?>';
								player.play();"
								> Press to play
								</a>
								</td>
							</tr>
					</tbody>
					<?php
						}
					?>
				</table>
				<div>
				<audio id="audio" src=""  controls>
					Your browser does not support the audio element.
				</audio>
				</div>
			</div>
			<div class="clearfix"></div>
	</div>
</body>
</html>