Event.observe(window, 'load', centerLayout, false);
var orgValues = new Array();

function centerLayout()
{
        var pos = getPageSize();
        var w = pos[0];
        var h = pos[3];
        //alert(pos)
        //var objAll = document.getElementById('sizer');
        //objAll.style.height = eval(h) + "px";
        
        var objAll = document.getElementById('all');
        var pos2 = getAbsolutePosition(objAll);
        //alert(pos2.x + "\n" + pos2.y)
        
        if (pos2.x < 0)
        {
            document.getElementById('outer').style.left = "0px";
            document.getElementById('outer').style.marginLeft = "0px";
        }
        if (pos2.y < 0)
        {
            document.getElementById('outer').style.top = "0px";
            document.getElementById('outer').style.marginTop = "0px";
        }
        
        //document.getElementById('outer').style.paddingTop = eval((h - objAll.offsetHeight)/2) + "px";
        //alert(objAll.offsetHeight)
        //window.setTimeout("centerLayout()", 25);
        window.setTimeout("centerLayout()", 25);

}

function centerLayout2()
{
        var pos = getPageSize();
        var w = pos[0];
        var h = pos[3];
        //alert(pos)
        var objAll = document.getElementById('sizer');
        objAll.style.height = eval(h) + "px";

        window.setTimeout("centerLayout()", 25);

}

function getAbsolutePosition(element) {
    var r = { x: element.offsetLeft, y: element.offsetTop };
    if (element.offsetParent) {
    var tmp = getAbsolutePosition(element.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
    }
    return r;
};


function getPageSize() {

        var xScroll, yScroll;

        if (window.innerHeight && window.scrollMaxY) {
                xScroll = window.innerWidth + window.scrollMaxX;
                yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                xScroll = document.body.scrollWidth;
                yScroll = document.body.scrollHeight;
        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                xScroll = document.body.offsetWidth;
                yScroll = document.body.offsetHeight;
        }

        var windowWidth, windowHeight;

//        console.log(self.innerWidth);
//        console.log(document.documentElement.clientWidth);

        if (self.innerHeight) {        // all except Explorer
                if(document.documentElement.clientWidth){
                        windowWidth = document.documentElement.clientWidth;
                } else {
                        windowWidth = self.innerWidth;
                }
                windowHeight = self.innerHeight;
        } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                windowWidth = document.documentElement.clientWidth;
                windowHeight = document.documentElement.clientHeight;
        } else if (document.body) { // other Explorers
                windowWidth = document.body.clientWidth;
                windowHeight = document.body.clientHeight;
        }

        // for small pages with total height less then height of the viewport
        if(yScroll < windowHeight){
                pageHeight = windowHeight;
        } else {
                pageHeight = yScroll;
        }

//        console.log("xScroll " + xScroll)
//        console.log("windowWidth " + windowWidth)

        // for small pages with total width less then width of the viewport
        if(xScroll < windowWidth){
                pageWidth = xScroll;
        } else {
                pageWidth = windowWidth;
        }
//        console.log("pageWidth " + pageWidth)
        //alert(pageWidth + "\n" + pageHeight + "\n" + windowWidth + "\n" + windowHeight);
        arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
        return arrayPageSize;
}

function getObjectHeight(elm)
{
   return elm.offsetHeight;
}

function getObjectWidth(elm)
{
   return elm.offsetWidth;
}
