Добавление класса при изменении ширины браузерного окна

[Joannes]

Помогите создать условие.

Если ширина браузерного окна меньше 1000 пикселей то добавляем класс. если нет то убираем класс у дива.

Но проблем а в том что скрипт должен срабатывать при каждом изменении окна браузера а не после того как я обновлю страницу в браузерном окне

Огромное спасибо кто отнесется серьезно и поможет в вопросе.

[WaMpIr]

Joannes, попробуйте лучше через CSS3 Media как вариант

[ruslan_mart]

.class2 {
   background: #222;
   height: 100px;
   width: 100px;
}

<div id="myDiv" class="class1"></div>

function divClass(a) {
   divClass.elem.classList[a ? 'add' : 'remove']('class2');
}

divClass.elem = document.getElementById('myDiv');

window.onresize = function() {
   divClass(this.innerWidth < 1000);
}

window.onresize();

[Joannes]

Спасибо за ответ но к сожалению не работает -(
http://jsfiddle.net/ZECPR/

Или я что то неверно делаю?

[ruslan_mart]

Joannes, я код поправил, всё работает, скопируйте снова. А на jsfiddle не получиться проверить, так как там окно с содержимым гораздо меньше 1000px.