Как изменить css с помощью JavaScript?

Здравствуйте. Как сделать что бы по истечении таймера, скрипт менял в стилях #example {display:none} на #example {display:block } ?. Скрипт ниже, что в нем нужно поменять? Заранее Спасибо...

<script type="text/javascript">
window.onload = function () {
    var i = 30;
    var timer = setInterval(function () {
        i--;
        document.getElementById('timer').innerHTML = 'Скачивание будет возможно через: ' + i;
        if (i == 0) {
            document.getElementById('example').style.display = 'block';
            document.getElementById('timer').style.display = 'none';
            clearInterval(timer);
        }
    }, 1000)
}
</script>

____

было:

<style type="text/css">
#example {
display:none;
}
</style>

стало:

<style type="text/css">
#example {
display:block;
}
</style>