$(document).ready(function(){
        var $offer_holder    = $('#offer_holder');
        var scroll_direction = '-'; // This can be `-` or `+`
        var pixels_to_scroll = 52;
        var number_of_offers = $offer_holder.find('> div').length;
        
        var offer_scroller = setInterval(scroll_offer, 4000)

        $offer_holder.hover(function(){
            clearInterval(offer_scroller)
        },function(){
            offer_scroller = setInterval(scroll_offer, 3000)
            if( false == $offer_holder.is(':animated')){
                scroll_offer();
            }
        })
        
        function scroll_offer(){
            var current_top = parseInt($offer_holder.css('top'))
            
            switch(scroll_direction){
                case '+':
                    if(current_top >= 0)
                    scroll_direction = '-'
                    break;
                case '-':
                    if(current_top <= -1 * (number_of_offers -4) * pixels_to_scroll )
                    scroll_direction = '+'
                    break;
            }
            $offer_holder.animate({top: scroll_direction+'='+pixels_to_scroll}, 2000)
        }

    });