
function clientRight(el) {
    return el.offsetLeft + el.clientWidth;
}

function spaceLeft() {
    return document.body.clientWidth - clientRight(document.getElementById('main'));
}

function foo() {
    if (document.body.clientWidth < 800) {
        var styleSheet = document.styleSheets[0];
        if (!styleSheet.cssRules) return false;  // fuck IE
        var i = styleSheet.cssRules.length;
        styleSheet.insertRule("#hacker li a img, #hacker li.nolink, #contact dd i { display: none }", i++);
        styleSheet.insertRule("#toc, #toc h1, #hacker, #hacker li, #hacker li a { width: 17ex; height: auto; line-height: normal; padding: 0; border: 0; font-size: 16px; text-align: left; } ", i++);
        styleSheet.insertRule("#hacker a:hover { font-size: 16px; }", i++);
        styleSheet.insertRule("#hacker a, #hacker a:hover { opacity: 1; }", i++);
        styleSheet.insertRule("#hacker li { display: block; float: none; }", i++);
        styleSheet.insertRule("#hacker li a { margin-bottom: 0.5ex; text-transform: capitalize; text-indent: 0; }", i++);
        styleSheet.insertRule("#toc h1 { font-size: 32px; padding-top: 1ex; }", i++);
        styleSheet.insertRule("#leftbanner { display: none; }", i++);
        styleSheet.insertRule("#contact dl { width: auto; float: none; border: 0; max-height: none; height: auto;}", i++);
        styleSheet.insertRule("#contact dl:hover { border: 0; max-height: none; height: auto; }", i++); 
        styleSheet.insertRule("#main { margin-left: 18ex; max-width: none; }", i++);
        styleSheet.insertRule("#linkme { background-image: none; }", i++);
        styleSheet.insertRule("#linkperl { background-image: none; }", i++);
        styleSheet.insertRule("#linkeo { background-image: none; }", i++);
        styleSheet.insertRule("#linklinux { background-image: none; }", i++);
        styleSheet.insertRule("#linktraffic { background-image: none; }", i++);
    }
    if (spaceLeft() > 120) {
        var rb = document.getElementById('rightbanner');
        if (rb) rb.style.display = 'block';
    }
}

window.onload = foo;
