/*
* Показать div-ожидания
*/
function showWaitDiv() {

    var d;
    if ($("#system-wait-div").size() == 0) {
        d = $("<div id='system-wait-div'/>");
        document.body.appendChild($(d)[0]);
    }
    else
        d = $("#system-wait-div");

    $(d).html("");    

    //создадим фон
    var background = $("<div></div>")
                        .addClass('ui-widget-overlay')
                        .addClass('wait-overlay')
                        .css('width', "100%")
                        .css('height', "100%")
                        .css('position', 'absolute')
                        .css('left', '0px')
                        .css('top', '0px')
                        .css('z-index', '100');
    $(d).append(background);
                        
    //создадим панель картинки с загрузкой
    var loader = $("<div></div>")
                    .addClass('wait-loader')
                    .css("z-index", "1005");
    $(d).append(loader);
    
    relocateWaitDiv(d);
    $(d).show();
}


/*
* Скрыть div-ожидания
*/
function hideWaitDiv() {

    var d;
    if ($("#system-wait-div").size() == 0) {
        return;
    }
    
    d = $("#system-wait-div");
    $(d).hide();
}

/*
* 
*/
function relocateWaitDiv(d) {
   
    var scroller = "html";
    //хак для Chrome и Safari
    if ($.browser.chrome || $.browser.safari) {
        scroller = "body";
    }
    var scroll = document.getElementsByTagName(scroller)[0].scrollTop;


    var allHight = jQuery(document).height();
    var allWidth = jQuery(document).width();

    var visibleWidth = jQuery("html")[0].clientWidth;
    var visibleHeight = jQuery("html")[0].clientHeight;

    if (visibleHeight > allHight)
        allHight = visibleHeight

    $(".wait-overlay", $(d))
        .css('height', jQuery(document).height())
        .css('width', jQuery(document).width());
    
    $(".wait-loader", $(d))
        .css('left', (visibleWidth / 2 - 16) + 'px')
        .css('top', scroll + (visibleHeight / 2 - 16) + 'px');
}