$(document).ready(function () {
    var config = {
        sensitivity: 1, // number = sensitivity threshold (must be 1 or higher)    
        interval: 200, // number = milliseconds for onMouseOver polling interval    
        over: function (event) {
            $('#navImages').animate({ width: 'show' }, { easing: 'easeOutBack', duration: 500 });
        },
        timeout: 500, // number = milliseconds delay before onMouseOut    
        out: function (event) {
            $('#navImages').animate({ width: 'hide' }, { easing: 'easeInBack', duration: 500 });
        }
    };
    $('#navMenu').hoverIntent(config);

    $('.rollImg').hover(function () {
        $(this).stop().animate({ opacity: 0 }, 300);

    }, function () {
        $(this).stop().animate({ opacity: 1 }, 300);
    });
});