создать условие jquery
 

добрый день!
вопрос в следующем: делаю боковую панель фиксированной при прокрутке к верху браузера, но при уменьшении экрана, не могу перебить стиль фиксированый стилями, как сделать правильно что бы скрипт срабатывал при ширине больше 768 пикселей..

сам скрипт:
<script>
$(function() {
var box = $('#sidebar'); // float-fixed block

var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));
$(window).scroll(function(){
var windowpos = $(window).scrollTop();
if(windowpos < 150) {
box.css('position', 'static');
} else {
box.css('position', 'fixed');
box.css('top', 0);
}
});

});
</script>

сайт http://test.mdplus.ru/

есть такая штука http://htmlbook.ru/css/value/media

@media screen and (device-width: 768px) {
   правила, для разрешения меньше 768
   }

я понимаю что Вы имеете ввиду.. 'bj я прописал, но при меньшем разрешении (768) я прокручиваю страницу и опять срабатывает функция scrollTop() и опять же присваивается position:statik////

ошибочка.. не static а fixed