Как вставить на страницу код вывод в зависимости от ширина браузера? (javascript)

Допустим есть html страничка. Нужно когда окно браузера имеет ширину более 1400 пикселов, чтобы на страничке, например, слева выводился текстовой блок или например реклама адсенса, да в общем что угодно.

<div id="qqpedia" style="padding:13px 3px;">
// ********* здесь блок того, что нужно вывести ***********

<div style="position:absolute;top:50px;left:20px;width:100px;height:300px;">
// в этом блоке 100 на 300 пикселей можно вывести что угодно, это будет показано, когда ширина браузера больше 1400 пикселов
</div>

// ********* здесь блок того, что нужно вывести ***********
</div>

// а этот скрипт помещаем внизу страницы до закрывающего тега 
<script type="text/javascript">
  if (document.body.clientWidth>=1400) document.getElementById('qqpedia').style.display = 'block';
    else document.getElementById('qqpedia').style.display = 'none';
</script>

Заданную ширину браузера можно менять в скрипте.
Единственный минус этого метода, он работает только при загрузке, то есть после того как страница загрузилась в браузер, при изменении окна браузера, изменения уже не будут меняться.