Воспроизведение звука
 

Здравствуйте, делаю так

<script>
 function plays1(){var snd = new Audio("test.wav");   snd.preload = "auto";   snd.play();}
function plays2(){var snd = new Audio("test2.wav");snd.preload = "auto"; snd.play();}
<script>
<label onclick="plays1()"><a href="#">Some text</a></label>
<label onclick="plays2()"><a href="#" >Some text2</a></label>

при нажатии на ссылке воспроизводится файлы, но при нажатии на первый и потом сразу на второй происходит наложение, как можно сделать чтоб файл останавливался сначала, а потом другой воспроизводился?

что-то такое создал .Не знаю понравится ли

<label onclick="plays1()"><a href="#">Some text</a></label>
<label onclick="plays2()"><a href="#" >Some text2</a></label>
<audio src="1.mp3" ></audio>
<audio src="2.mp3" ></audio>
<script>
function plays1(){
	document.getElementsByTagName('audio')[0].display='block';
	document.getElementsByTagName('audio')[0].play()
	document.getElementsByTagName('audio')[1].display='none';
	document.getElementsByTagName('audio')[1].pause()
	}
function plays2(){
	document.getElementsByTagName('audio')[1].display='block';
	document.getElementsByTagName('audio')[1].play()
	document.getElementsByTagName('audio')[0].display='none';
		document.getElementsByTagName('audio')[0].pause()
	}