var intervalFunHandlerId;

function popProgressBar(text, increment, speed) {
    if (!document.getElementById("popWaiting") || !document.getElementById("popWaitingBg")) {
        var progressBar = $('<div/>').attr("id", "popWaiting");
        progressBar.appendTo($('body'));

        var popWaitingBg = $('<iframe src="' + _contextpath + '/js/plugins/overlay.html"/>').attr("id", "popWaitingBg");
        popWaitingBg.appendTo($('body'));
    }

    var progressBar = $("#popWaiting");
    var popWaitingBg = $("#popWaitingBg");

    progressBar.show();
    popWaitingBg.show();

    setPopProgressBarPos();

    progressBar.html(text + "<span class='progressBar' id='progressBarSpan'>100%</span>");

    $(".progressBar").progressBar({increment:increment, speed:speed});

}

function setPopProgressBarPos() {
    var popWaitingBg = $("#popWaitingBg");
    popWaitingBg.css("height", $(document).height() + "px");
    popWaitingBg.css("opacity", "0.5");

    var popWaiting = $("#popWaiting");
    popWaiting.css("left", ($(window).width() - popWaiting.width()) / 2 + "px");
    if ($.browser.msie) {
        popWaiting.css("top", ($(window).height() + $(window).scrollTop() - popWaiting.height()) / 2 + "px");
    } else {
        popWaiting.css("top", ($(window).height() - popWaiting.height()) / 2 + "px");
    }

}

function closePopProgressBar() {
    clearInterval(intervalFunHandlerId);
    if (document.getElementById("popWaiting") && document.getElementById("popWaitingBg")) {
        $("#popWaitingBg").hide();
        $("#popWaiting").hide();
        $("#popWaiting").html("");
    }
}