Trying to do some really basic class manipulation on hover and load for a splash page. Not sure why it's not working- then again, never written in Vanilla before.

[jsFiddle example](http://jsfiddle.net/hXjFz/).

basic DOM:

```
<body>
    <article>
        <p>test</p>
    </article>
</body>

```

JavaScript:

```
var bod     = document.getElementsByTagName('body')[0],
    article = document.getElementsByTagName('article')[0];

article.onMouseOver = function(){

    bod.classList.add('focus');
}

article.onMouseOut = function(){

    bod.classList.remove('focus');
}

window.onLoad = function(){

    bod.classList.remove('loading');
}

```