var wurflViewPortDiffTollerance = 1.5;
function getViewPortWidth(maxImageWidth){
    var wurflWidth = 0;
    if(maxImageWidth) wurflWidth = maxImageWidth;
    var viewPortWidth;
    if (typeof window.innerWidth != 'undefined'){
        viewPortWidth = window.innerWidth;
    }
    else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
        viewPortWidth = document.documentElement.clientWidth;
    }
    else {
        viewPortWidth = document.getElementsByTagName('body')[0].clientWidth;
    }
    var widthToBe;
    if(wurflWidth < viewPortWidth && (viewPortWidth / wurflViewPortDiffTollerance ) < wurflWidth) widthToBe = viewPortWidth;
    else widthToBe = wurflWidth;
    return widthToBe;
}
function getViewPortHeight(maxImageHeight){
    var wurflHeight = 0;
    if(maxImageHeight) wurflHeight = maxImageHeight;
    var viewportheight;
    if (typeof window.innerHeight != 'undefined'){
        viewportheight = window.innerHeight;
    }
    else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientHeight != 'undefined' && document.documentElement.clientHeight != 0){
        viewportheight = document.documentElement.clientHeight;
    }
    else {
        viewportheight = document.getElementsByTagName('body')[0].clientHeight;
    }
    var heightToBe;
    if(wurflHeight < viewportheight && (viewportheight / wurflViewPortDiffTollerance ) < wurflHeight) heightToBe = viewportheight;
    else heightToBe = wurflHeight;
    return heightToBe;
}

function resetDivWidth (divToResize, maxImageWidth, diffWidthToViewPort) {
    $(divToResize).height(getViewPortWidth(maxImageWidth) - diffWidthToViewPort);
}

function resetDivHeight (divToResize, maxImageHeight, diffHeightToViewPort) {
    $(divToResize).height(getViewPortHeight(maxImageHeight) - diffHeightToViewPort);
}

function fullscreenDiv(divToResize, maxImageHeight, diffHeightToViewport){
    addEventListener("load", function() {
        setTimeout(updateLayout, 0);
    }, false);

    function updateLayout(){
        setTimeout(function(){
            window.scrollTo(0, 0);
        }, 1);
        setTimeout(function() {
            resetDivHeight(divToResize, maxImageHeight, diffHeightToViewport);
        }, 600);
    }
    setTimeout(updateLayout, 1);
}

