Звук на html-странице, проигрывание по клику

[Qwerty]

Звук на html-странице, проигрывание по клику

Необходимо при нажати на ссылки проигрывать разные звуковые файлы.
Был написан такой код:

<script language="JavaScript">
function play_sound(sound){
  document.getElementById("my_sound").src = sound;
  document.getElementById("my_sound").play();
  alert(sound);
}
</script>

<EMBED src="tada.wav" autostart="false" hidden="true" id="my_sound"></EMBED>

<a href="javascript: play_sound('tada.wav')">Tada</a>
<a href="javascript: play_sound('login.wav')">Login</a>

Но проблема в том, что звуковой файл не подменяется, проигрывается всегда тот, что прописан в src изначально.
Как функцией подгрузить другой файл?

Встраивать несколько объектов каждый со своим звуком не хотелось бы - их будет много.

P.S. Да, я знаю, что сайты не должны издавать звуков. Но это требуется для достаточно специфичной вещи, не для сайта, а для локального набора html-файлов.

 

[dark-demon]

iframe

 

[Qwerty]

Ммм... Я имел в виду не другой html-файл, а как подгрузить другой звуковой файл в src объекта.

-~{}~ 17.09.07 11:13:

Может какой-то метод такой есть у него? Или свойство по-другому называется?
Главное, ошибку-то на это:
document.getElementById("my_sound").src = sound;
не выдает, а играет все равно старый файл.

function play_sound(sound){
  document.getElementById("my_sound").src = sound;
  document.getElementById("my_sound").play();
  alert(sound+"\r\n"+document.getElementById("my_sound").src);
}

выдает одинаковые названия файла (как и полагается), но воспроизводится всегда один, тот что указан изначально...