function blockToClick() {
    var blur = "#blurB";
    var popupProcessing = '#processing';
    popLeft = ($(document).width() / 2) - ($(popupProcessing).width() / 2);
    popTop = ($(window).height() / 2) - (120 / 2);
    $(blur).css('z-index', '999998');
    $(blur).css("width", $(document).width() + "px");
    $(blur).css("height", $(document).height() + "px");
    $(blur).css("opacity", "0.5");
    $(blur).css("display", "block");
    $(blur).css("visibility", "visible");
    $(popupProcessing).css("z-index", "999999");
    $(popupProcessing).css("top", popTop + "px");
    $(popupProcessing).css("left", popLeft + "px");
    $(popupProcessing).css("opacity", "1.0");
    $(popupProcessing).css("display", "block");
    $(popupProcessing).css("visibility", "visible");
    //$(popupProcessing).css({ opacity: 0.0, display: "block", visibility: "visible" }).animate({ opacity: 1.0 }, { queue: false, duration: 1 });
    if ($(".shadow-processing").length > 0) { $(".shadow-processing").css("display", "none"); }
    return true;
}

function blockToClickWithID($blurID, $popupProcessing) {
    //var blur = "#blurB";
    //var popupProcessing = '#processing';
    if ($blurID !== null) {
        $blurID.css('z-index', '999990');
        $blurID.css("width", $(document).width() + "px");
        $blurID.css("height", $(document).height() + "px");
        $blurID.css("display", "block");
        $blurID.css("visibility", "visible");
    } 
    if ($popupProcessing !== null) {
        var popLeft = ($(document).width() / 2) - ($popupProcessing.width() / 2);
        var popTop = ($(window).height() / 2) - (120 / 2); 
        $popupProcessing.css("z-index", "999991"); 
        $popupProcessing.css("top", popTop + "px");
        $popupProcessing.css("left", popLeft + "px");
        $popupProcessing.css("opacity", "1.0");
        $popupProcessing.css("display", "block");
        $popupProcessing.css("visibility", "visible");
    }
    // $(".shadow-processing").css("display", "none");
    return true;
}


function removeBlockToClick() {
    var blur = "#blurB";
    var popupProcessing = '#processing';
    $(blur).fadeOut(); $(blur).css("z-index", "-999"); $(blur).css("width", "0px"); $(blur).css("height", "0px");
    $(popupProcessing).css("display", "none"); $(popupProcessing).css("z-index", "-998");
}

function removeBlockToClickWithID($blurID, $popupProcessing) {
    if ($blurID !== null) { $blurID.fadeOut(); $blurID.css("z-index", "-999"); $blurID.css("width", "0px"); $blurID.css("height", "0px"); }
    if ($popupProcessing !== null) { $popupProcessing.css("display", "none"); $popupProcessing.css("z-index", "-998"); }
}

function renderProcessingSQLogo() {
    bodymovin.loadAnimation({ container: document.getElementById('squareletLogo'), renderer: 'svg', loop: true, autoplay: true, path: '/svg/squarelet-logo.json' });
}

// This function usually used for export excel
function setTimeOutForBlockToClick() {
    blockToClick();
    // heavy processing, need to setTimeout
    setTimeout(function () {
        removeBlockToClick();  // timeout to remove blockToClick
        if ($(".disabledagainafterexportexcel").length > 0) { $(".disabledagainafterexportexcel").addClass("disabled"); }
    }, 2000);
}