<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/main.js"></script>
<script src="js/textObject.js"></script>
+ <script src="js/imageControls.js"></script>
</head>
<body>
<div id="background"></div>
</div>
<div id="sortButtons">
- <img id="sortAllButton" class="sortButton" src="images/allButton2.png" onClick="sortByAlpha()" style="display: none">
- <img id="sortArtistButton" class="sortButton" src="images/artistButton3.png" onClick="sortByArtist()" style="display: none">
- <img id="sortAlbumButton" class="sortButton" src="images/albumButton2.png" onClick="sortByAlbum()" style="display: none">
+ <img id="sortAllButton" class="sortButton" src="images/allButton.png" onClick="sortByAlpha()" style="display: none">
+ <img id="sortArtistButton" class="sortButton" src="images/artistButton.png" onClick="sortByArtist()" style="display: none">
+ <img id="sortAlbumButton" class="sortButton" src="images/albumButton.png" onClick="sortByAlbum()" style="display: none">
</div>
<canvas id="mediaName" style="position:absolute; z-index : 0"></canvas>
</audio>
<video id="videoPlayer" onClick="playButtonClick()" class="player" >
- <source id=videoSrc type="video/ogg">
+ <source id=videoSrc>
</video>
<div id="imagePlayer" onClick="nextButtonClick()" class="player"></div>
</div>
</body>
-</html>
\ No newline at end of file
+</html>