//animated scrolling for element, with a bounce

$(document).ready(function() {
  $('#scrollit1').click(function() {
    var divOffset = $('#scrollable').offset().top;
    var pOffset = $('#portfolio-list1').offset().top;
    var pScroll = pOffset - divOffset;
    $('#scrollable').animate({scrollTop: '+=' + pScroll + 'px'}, 1000, 'easeOutBounce');
  });
  
  
  
  
  $('#scrollit2').click(function() {
    var divOffset = $('#scrollable').offset().top;
    var pOffset = $('#portfolio-list2').offset().top;
    var pScroll = pOffset - divOffset;
    $('#scrollable').animate({scrollTop: '+=' + pScroll + 'px'}, 1000, 'easeOutBounce');
  });
	
	
  $('#scrollit3').click(function() {
    var divOffset = $('#scrollable').offset().top;
    var pOffset = $('#portfolio-list3').offset().top;
    var pScroll = pOffset - divOffset;
    $('#scrollable').animate({scrollTop: '+=' + pScroll + 'px'}, 1000, 'easeOutBounce');
  });
		

  
});