function init()
{
    positionElements();
    //document.getElementById("footer").style.display = "block";
    //document.getElementById("footer2").style.display = "block";
    document.getElementById("blackhole").style.display = "block";
    document.getElementById("logo").style.display = "block";
    
    window.onresize = positionElements;
}


function positionElements()
{
    var page_dimensions = getPageSize();
    
    document.getElementById("logo").style.left = ( (page_dimensions[0] - (600 + 250)) / 2 - 2) + "px";
    document.getElementById("blackhole").style.left = ( (page_dimensions[0] - (600 + 250)) / 2 + 600 + 250) + "px";
    
    if (page_dimensions[1] > window.innerHeight)
    {
        // scroll is present
        //document.getElementById("footer2").style.top = (page_dimensions[1]) + "px";
        //document.getElementById("footer").style.top = (page_dimensions[1] + 77) + "px";
        document.getElementById("logo").style.left = ( (page_dimensions[0] - (600 + 250)) / 2 - 11) + "px";
    }
    else
    {
        //document.getElementById("footer2").style.top = (page_dimensions[1] - 100) + "px";
        document.getElementById("logo").style.left = ( (page_dimensions[0] - (600 + 250)) / 2 - 11) + "px";
        document.getElementById("footer").style.position = "absolute";
        document.getElementById("footer").style.top = (page_dimensions[1]) + "px";
    }
}


function getPageSize()
{
	yWithScroll = document.body.offsetHeight;
	xWithScroll = document.body.offsetWidth;

	if (yWithScroll < window.innerHeight)
        yWithScroll = window.innerHeight;
    else if (yWithScroll < document.documentElement.clientHeight)
        yWithScroll = document.documentElement.clientHeight;
  	    
	arrayPageSizeWithScroll = new Array(xWithScroll,yWithScroll);
	
	return arrayPageSizeWithScroll;
}