Sticky shit

Sticky shit.js

var dealRowHeight = $('tr.deals').height(),
            tableWidth = $('.matrix').width(),
            totalDealRows = $('.deals').length;
            gridHeaderHeight = $('.grid-header').height();
            matrixDividerHeight = $('.matrix-divider').height();
            dealsOffset = $('.wothotel').offset();
            matrixOffset = $('.matrix').offset();


        $('body').on('click', '.toggle-map', function() {
            $('.map').toggle();
            $('.map').css({
                'height': (dealRowHeight*totalDealRows) + 'px',
                'width': (tableWidth-300) + 'px',
                'top': (gridHeaderHeight+matrixDividerHeight) + 'px'
            });
        });

        $('.wothotel').next('.deals').waypoint(function(event,direction) {
            console.log(direction);
            if (direction == 'down') {
                $('.map').css({position:'fixed', top:0}); 
            }
            else if (direction == 'up') {
                $('.map').css({position:'absolute', top: (gridHeaderHeight+matrixDividerHeight) + 'px', left: 300});
            }
        });