(function($){

	$(document).ready(function () {
		var from_top = $('#social-media-callout').offset().top - parseFloat($('#social-media-callout').css('marginTop').replace(/auto/, 0));
		var top = parseFloat($('#social-media-callout').css('top').replace(/auto/, 0));
		var element_height = $('#social-media-callout').height();
		var stop_at = $('#content').height() + from_top - element_height;
		
		$(window).scroll(function (event) {
			// what the y position of the scroll is
			var y = $(this).scrollTop();
			// whether that's below the form
			if ((y >= from_top-top) && (y <= stop_at)) {
				// if so, ad the fixed class
				$('#social-media-callout').addClass('fixed');
				// $('#social-media-callout').css({'top':(y-from_top+top)});
			} else {
				// otherwise remove it
				$('#social-media-callout').removeClass('fixed');
			}
		});
	});
	
	
})(jQuery);