Call a Function after Previous Function is Complete

http://jsfiddle.net/GkUEN/14/      good http://recurial.com/programming/understanding-callback-

http://www.impressivewebs.com/callback-functions-javascript/
functions-in-javascript/

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

function playBGM () {
    alert("Play BGM function");
    $('#bgm').get(0).play();
}

Typer(function () { playBGM();});

refer : http://stackoverflow.com/questions/14007696/how-to-match-columns-in-a-scrolling-table-with-fixed-headers

$('a.button').click(function(){
    if (condition == 'true'){
        function1(someVariable, function() {
          function2(someOtherVariable);
        });
    }
    else {
        doThis(someVariable);
    }
});


function function1(param, callback) {
  ...do stuff
  callback();
}