var scroll = Window.getScrollSize();
var scrollOffset = 164;

document.write('<style type="text/css">');
document.write('    #layout { height: ' + (scroll.y - 20) + 'px }');
document.write('    #navigation { height: ' + (scroll.y - 20) + 'px }');
document.write('    #banner { height: ' + (scroll.y - 20) + 'px }');
document.write('    #box { height: ' + (scroll.y - 20) + 'px }');
document.write('    #content { height: ' + (scroll.y - 20) + 'px }');
document.write('</style>');

window.addEvent('domready', function() {
    $$('a.external').each(function(item) {
        item.setProperty('target', '_blank');
    });
    scrollOffset = ($('box').hasClass('wide')) ? 0 : 164;
    window.fireEvent('resize');
});

window.addEvent('resize', function(e) {
    var scroll = window.getScrollSize();
    $('layout').setStyles({'height': scroll.y - 20});
    $('navigation').setStyles({'height': scroll.y - 20});
    $('banner').setStyles({'height': scroll.y - 20});
    if ($('box')) {
        $('box').setStyles({'height': scroll.y - 20 - scrollOffset});
    }
    if ($('content')) {
        $('content').setStyles({'height': scroll.y - 20 - scrollOffset});
    }
});