Выполнить функцию jQuery после завершения другой функции

Я хочу выполнить пользовательскую функцию jQuery после завершения другой пользовательской функции
Первая функция используется для создания эффекта «машинописи»

function Typer()
{
    var srcText = 'EXAMPLE ';
    var i = 0;
    var result = srcText[i];
    setInterval(function() {
        if(i == srcText.length) {
            clearInterval(this);
            return;
        };
        i++;
        result += srcText[i].replace("\n", "<br />");
        $("#message").html( result);
    },
    100);

}

а вторая функция воспроизводит звук

function playBGM()
{
    document.getElementById('bgm').play();
}

Я вызываю функции одну за другой, как

Typer();
playBGM();

Но звук начинает играть, когда текст набирается. Я хочу воспроизводить звук только ПОСЛЕ того, как набор текста закончен.

Вот что я попробовал:http://jsfiddle.net/GkUEN/5/

Как я могу это исправить?