window.addEvent("load", function() {

    header = new MapObject('m_header', docWidth, docHeight, ".jpg");

    document.body.insertBefore(header, screenLayer);

    header.style.position = 'absolute';
    header.scale(Math.round(((screenWidth * .9) / docWidth) * 100), true);
    header.alignTo('center-top', 0);

    bodyHolder.setDimensions(header.offsetWidth + 'px', (screenHeight - header.getBottom()) + 'px');
    bodyHolder.setCoords(header.style.left, header.getBottom() + 'px');

    pageHolder.alignTo('center', 0);
    pageHolder.setDimensions(null, (bodyHolder.clientHeight - pageHolder.offsetLeft) + 'px');

    minHeight = screenHeight - header.getBottom() - pageHolder.offsetLeft;

    page['Home'] = new Blog('home', pageHolder.clientWidth, pageHolder.clientHeight, 'Home');
    pageHolder.appendChild(page['Home']);
    page['Home'].hide();

    page['About'] = element_from_clone('about', 'CLONE_about_page');
    page['About'].sPage = "Chainsaw Charlie";
    page['About'].unload = function() {
        pcc = document.getElementById('aboutpCC');
        pml = document.getElementById('aboutpML');
        cc = document.getElementById('aboutCC');
        ml = document.getElementById('aboutML');
        pcc.style.top = document.getElementById('aboutTable').getBottom() + "px";
        pml.style.top = document.getElementById('aboutTable').getBottom() + "px";
        pcc.show();
        pml.hide();
        cc.style.cursor = 'default';
        ml.style.cursor = 'pointer';
        cc.style.backgroundColor = '#AA800A';
        ml.style.backgroundColor = '#F0F0F0';
        this.sPage = 'Chainsaw Charlie';
    };
    pageHolder.appendChild(page['About']);
    page['About'].hide();

    page['Gallery'] = new Gallery('gallery', pageHolder.clientWidth, pageHolder.clientHeight, 'Gallery');
    pageHolder.appendChild(page['Gallery']);
    page['Gallery'].style.position = 'absolute';
    page['Gallery'].setCoords('0px', '0px');
    totalWidth = (((Math.floor(pageHolder.clientWidth / 200) + 1) * page['Gallery'].shopContainerSpacing) + (Math.floor(pageHolder.clientWidth / 200) * 200));
    page['Gallery'].leftOffset = Math.round((pageHolder.clientWidth - totalWidth) / 2);
    page['Gallery'].maxCols = totalWidth < pageHolder.clientWidth ? Math.floor(pageHolder.clientWidth / 200) : Math.floor(pageHolder.clientWidth / 200) - 1;
    //page['Gallery'].maxRows = 1;
    page['Gallery'].maxRows = Math.ceil(12 / page['Gallery'].maxCols);
    page['Gallery'].maxResults = page['Gallery'].maxCols * page['Gallery'].maxRows;
    page['Gallery'].toolBarClone = 'CLONE_gallery_toolbar';
    page['Gallery'].loadingBar.style.backgroundColor = '#00FF00';
    page['Gallery'].loadingBar.alignTo('center-middle', 0);
    page['Gallery'].hide();
    page['Gallery'].onload = function() {
        System.onsetpage();
    };
    page['Shop'] = new Gallery('shop', pageHolder.clientWidth, pageHolder.clientHeight, 'Shop');
    pageHolder.appendChild(page['Shop']);

    page['Shop'].maxCols = (((Math.floor(pageHolder.clientWidth / 200) + 1) * page['Shop'].shopContainerSpacing) + (Math.floor(pageHolder.clientWidth / 200) * 200)) < pageHolder.clientWidth ? Math.floor(pageHolder.clientWidth / 200) : Math.floor(pageHolder.clientWidth / 200) - 1;
    page['Shop'].maxRows = Math.ceil(12 / page['Shop'].maxCols);
    page['Shop'].loadingBar.style.backgroundColor = '#00FF00';
    page['Shop'].loadingBar.alignTo('center-middle', 0);
    page['Shop'].hide();
    page['Shop'].onload = function() {
        System.onsetpage();
    };

    page['Contact'] = element_from_clone('contact', 'CLONE_contact_form');
    pageHolder.appendChild(page['Contact']);
    page['Contact'].cForm = document.getElementById('contactcForm');
    page['Contact'].hide();

    System.onsetpage = function() {
        pageHolder.style.height = (page[this.page].offsetHeight < minHeight) ? (minHeight + 'px') : (page[this.page].offsetHeight + 'px');
        bodyHolder.style.height = (parseInt(pageHolder.style.height) + pageHolder.offsetLeft) + 'px';
    };

    load(System.page);
    
}, false);