function setLightBoxSize () {
    //JUST ENABLE THIS SCRIPT ONLY WHEN YOU WANT TO DISABLE THE VERTICAL-SCROLLBAR
    //disable scrollbar
    var getHtml = document.getElementsByTagName("html")[0];
    getHtml.style.overflowY = "hidden";
    
    var getBox = document.getElementById('lightBox');
    //Reset LightBox Size Value To Zero All To Remove ScrollBar To Get The Exactly Window Size
    getBox.style.width = 0 + "px";
    getBox.style.height = 0 + "px";

    var lightBoxWidth = document.documentElement.clientWidth; //get the width of the window screen
    var lightBoxHeight = document.body.clientHeight; //get the height of the content in the body
    
    //content height is wider than screen height
    if (lightBoxHeight < document.documentElement.clientHeight) {
        lightBoxHeight = document.documentElement.clientHeight; //get the Height of the Screen
    }
    //content height is longer than screen height
    else {
        lightBoxHeight = document.body.clientHeight;
    }
    //Set attribute for LightBox
    getBox.style.display = "block";
    getBox.style.width = lightBoxWidth + "px";
    getBox.style.height = lightBoxHeight + "px";
    showFooterLightBox(lightBoxWidth,lightBoxHeight);
   
}

function checkActivePopUpQuantity () {
    var getPopUpElement = document.getElementsByTagName("div");
    var popUpNumber = 0;
    for (var i = 0 ; i < getPopUpElement.length ; i++) {
        if (getPopUpElement[i].className == "WrapPopUp" && getPopUpElement[i].style.display == "block") {
            popUpNumber += 1;
        }
    }
    return popUpNumber;
}

function hideLightBox () {
    var getHtml = document.getElementsByTagName("html")[0];
    var lightBoxElement = document.getElementById("lightBox");
    var popUpActive = checkActivePopUpQuantity();
    if (popUpActive == 0) {
        lightBoxElement.style.display = "none";
        getHtml.style.overflowY = "scroll";
    }
    hideFooterLightBox();
}

function hideFooterLightBox() {
    var lightBoxElement = document.getElementById("footerLightBox");
    var popUpActive = checkActivePopUpQuantity();
    if (popUpActive == 0) {
        lightBoxElement.style.display = "none";
    }
}

function showFooterLightBox(lightBoxWidth,lightBoxHeight) {
    var getBox = document.getElementById('footerLightBox');
    //Set attribute for LightBox
    getBox.style.display = "block";
    getBox.style.width = lightBoxWidth + "px";
    getBox.style.height = 104 + "px";
    getBox.style.top = lightBoxHeight-104 + "px";
}