Javascript-форум - Скроллинг и анимация

День добрый формучане.

Использую скрипт (очень неудобен)

jQuery(function ($) {
    $(window).scroll(function(){
        $(".swp-nav").each(function() {
            if ($(window).scrollTop() > 450) {
                $('.swp-nav').css('background-color', '#fcfcfc').css('border-bottom-color', '#d9d9d9');
                $('.swp-nav-collapse a').css('color', '#fff')
                $('.swp-nav h2').css('color', '#999')
                $('.swp-nav h1 a').css('color', '#364159')
                $('a.link-button').css('background-color', '#eaeaea').css('border-color', '#eaeaea').css('color', '#354059')
            } else {
                $('.swp-nav').css('background-color', 'rgba(0, 0, 0, 0.7)').css('border-bottom-color','#000');
                $('.swp-nav-collapse a').css('color', '#fff')
                $('.swp-nav h2').css('color', '#fff')
                $('.swp-nav h1 a').css('color', '#fff')
                $('a.link-button').css('background-color', '#000').css('border-color', '#000').css('color', '#fff')
                $('a.link-button:hover').css('border-color', '#fff')
            }
        });
    });
});

1. При прокрутке страницы расцветка верхнего меню меняется. Как добавить в этот код, проверку на ширину? То есть если ширина браузера меньше 700 пикселей, то код сделать не активным, а если ширина страницы больше 700px, то все работает.
---
И вообще, как сделать, чтобы не прописывать в js классы, а к классу .swp-nav добавлялся допустим класс .black (когда страница не проскроллена 450px вниз), а если проскроллена то тег добавляется .white. Помогите пожалуйста, очень необходимо сделать это.