$.infoBox = function(title, msg) {
    $.messageBox(title, msg, {ok: ['btngreen', 'ok.png', 'OK']}, function() {$.closeMessageBox()});
}
$.errorBox = function(title, msg) {
    $.messageBox(title, msg, {ok: ['btngreen', 'ok.png', 'OK']}, function() {$.closeMessageBox()}, "ERROR");
}


$.messageBox = function(title, msg, buttons, callback, type) {
    scroll(0,0);
    if($('#overlay:visible').length != 0)
        $.closeMessageBoxNoEffect(true);


    $('<div id="overlay"></div>').prependTo("body");
    $('#overlay').fadeIn('fast');
    $('#overlay').html("<div id=\"overlaybox\"><p>" + title + "</p>" + msg + "<br><p id=\"overlaybtns\" style=\"padding:10px 0px 0px 0px;float:right\"></p></div>");

    $.each(buttons, function(k, v) {
        $("#overlaybtns").append('<button function="'+ k +'" class="button '+v[0] +'" type="button"><img src="/portal/img/icons/'+v[1]+'">'+v[2]+'</button>');
    });

    $("#overlaybtns button").unbind('click').click(function() {
        callback($(this));
    });

    if(type == "ERROR") {
        $('#overlaybox').css("border", "3px solid #ff0000");
        $('#overlaybox p:first').css("color", "#ff0000");
        $('#overlaybox p:first').css("text-shadow", "3px 3px 2px #ffebeb");
    }

//    $('#overlay').css("height", (document.body.scrollHeight > 500?document.body.scrollHeight:500) + "px" );
//    $('#overlay').css("height", window.outerHeight + "px" );
    $('#overlay').css("height", document.height + "px" );
}

$.closeMessageBox = function() {
    $('#overlay').fadeOut('fast', function(){
        $('#overlay').empty();
        $('#overlay').css("display", "inline");
        $('#overlay').remove();
    });
}

$.closeMessageBoxNoEffect = function() {
    $('#overlay').empty();
    $('#overlay').css("display", "inline");
    $('#overlay').remove();
}