anchor.diff:  		var player = document.getElementById(element);
   		var img = document.getElementById(element + "img");
   		if(playing){
  -			
  +
   			player.pause();
   			playing = false;
   			img.src = "resources/images/play-button.png";
  
positive.code: 					<th>Preview</th>
  				</tr>
  				<c:forEach var="track" items="${record.tracks}">
  					<tr itemprop="tracks" itemscope
  						itemtype="http://www.schema.org/MusicRecording">
  						<td>${track.trackNr}</td>
  						<td itemprop="name">${track.name}</td>
  						<td itemprop="duration">${track.length}</td>
  						<td><c:if test="${! empty track.artist}">
  								<a href="artist?q=${track.artist}" itemprop="byArtist">${track.artist}</a>
  							</c:if> <c:if test="${empty track.artist}">
  								<c:forEach var="artist" items="${record.artist}">
  									<a href="artist?q=${artist.name}" itemprop="byArtist">${artist.name}</a>
  								</c:forEach>
  							</c:if></td>
  						<td><c:if test="${! empty track.preview}">
  								<audio id="${track.preview}" itemprop="audio">
  									<source src="${track.preview}"> </source>
  								</audio>
  								<div>
  									<a onclick="playClicked('${track.preview}')"><img id="${track.preview}img" alt="" src="resources/images/play-button.png"/></a>
  
negative.code: 
  
  
  	<jsp:include page="includes/footer.jsp" />
  