index.html

<!DOCTYPE html>
<html>
<head>
	<title>Jukebox</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body onload="shuffle()">

	<h6 id="playing" class="Playing">Playing...</h6>

	<img onclick="play()" src="images/buttons/play.png" class="playButton">
	<img onclick="pause()" src="images/buttons/pause.png" class="pauseButton">
	<img onclick="next()" src="images/buttons/next.png" class="nextButton">
	<img onclick="previuos()" src="images/buttons/previous.png" class="previousButton">
	
	<div class="playlist">
		<p>Led Zeppelin-Stairway To Heaven</p>
		<p>Pink Floyd-Us and Then</p>
		<p>USA FOR AFRICA -We Are The World</p>
	</div>	


	<div id="f-Song">
		<audio id="f-audio" src="audio/Led Zeppelin-Stairway To Heaven.mp3"></audio>

	</div>

	<script type="text/javascript" src="js/global.js"></script> 
</body>

</html>