var first_loading = new Array;
function do_load(mode) {
    var id = 'body';
    if (mode == 'on') {
        pageSize = new Array;
        pageSize['w'] = $(window).width();
        pageSize['h'] = $(document).height();
        pageSize['t'] = 0;
        pageSize['l'] = 0;
        m_app = 'body';

        if (!first_loading[id]) {
            $(m_app).append('<div id="lightbox-overlay_' + id + '" class="overal"></div>');
            overlay = $('#lightbox-overlay_' + id);
            //                    overlay.click(function () { $('#lightbox-overlay_' + id).animate({ height: 'hide', opacity: 'hide' }, "slow") })
            first_loading[id] = 'ok';
        }
        else {
            overlay = $('#lightbox-overlay_' + id);
        }
        overlay.css({
            position: 'absolute',
            display: 'none',
            top: pageSize.t,
            left: pageSize.l,
            zIndex: 100,
            opacity: 0,
            height: pageSize.h + 'px',
            width: pageSize.w + 'px'
        }).fadeTo(1, 0.6).animate({ height: 'show' }, "slow");
    }
    else {
        $('#lightbox-overlay_' + id).animate({ height: 'hide', opacity: 'hide' }, "slow");
    }
}