При нажатии на картинку включается музыка, если нажать второй раз происходит включение еще раз и получается двойная и тройная и четверная в зависимости сколько раз нажать. Подскажите как сделать, чтобы мелодия включалась только один раз и картинка была не активна до завершения мелодии?

Скорее всего работает от этого:

<script type="text/javascript" language="javascript">// <![CDATA[
function playAudio(soundfile, soundfile2) {
var audioElement = document.createElement('audio');
var sourceElement = document.createElement('source');
sourceElement.setAttribute('src', soundfile);
sourceElement.setAttribute('type', 'audio/ogg');
audioElement.appendChild(sourceElement);
sourceElement = document.createElement('source');
sourceElement.setAttribute('src', soundfile2);
sourceElement.setAttribute('type', 'audio/mpeg');
audioElement.appendChild(sourceElement);
audioElement.play();
}
// ]]&gt;</script>