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",
        array(
	array(
	"AlbumTitle" => "Backstreet Boys",
	"AlbumImage" => "images/download (1).jpg",
	"AlbumVideo" => "movies/IWantItThatWay.avi",
	"Tracks" => array(
		array(
		"TrackTitle" => "I want it that way",
		"TrackDuration" => "3:39",
		"TrackMP3" => "songs/IWantItThatWay.mp3",
		),
		array(
			"TrackTitle" => "as long as you love me",
			"TrackDuration" => "3:38",
			"TrackMP3" => "songs/AsLongAsYouLoveMe.mp3",
			),
			array(
			"TrackTitle" => "Shape of my heart",
			"TrackDuration" => "3:48",
            "TrackMP3" => "songs/ShapeOfMyHeart.mp3",
        array(
	array(
	"AlbumTitle" => "*NSYNC",
	"AlbumImage" => "images/download (2).jpg",
	"AlbumVideo" => "movies/TearinUpMyHeart.mp4",
	"Tracks" => array(
		array(
		"TrackTitle" => "Tearin' up my heart",
		"TrackDuration" => "3:28",
		"TrackMP3" => "songs/TearinUpMyHeart.mp3",
		),
		array(
			"TrackTitle" => "Bye Bye Bye",
			"TrackDuration" => "4:01",
			"TrackMP3" => "songs/ByeByeBye.mp3",
		),
		array(
			"TrackTitle" => "It's gonna be me",
			"TrackDuration" => "3:23",
            "TrackMP3" => "songs/ItsGonnaBeMe.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" width="200" height="200">
				</a>
				<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 (1).jpg" width="200" height="200">
				</a>
				<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 (2).jpg" width="200" height="200">
				</a>
			</div>
			<div class="playlist-container">
				<h1><?php echo $album[0]["AlbumTitle"];?></h1>
				<video src="<?php echo $album[0]["AlbumVideo"];?>" poster="images/download.jpg" controls>Your browser does not support the video tag.</video>
				<table id="table">
					<thead>
						<th>Track</th>
						<th>Title</th>
						<th>Duration</th>
						<th>Play</th>
					</thead>
				<?php $n1 = 0; $n1 += 1;
				foreach($album[0]["Tracks"] as $track) {?>
					<tbody>
							<tr>
								<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>