$('#flow01').click(function(){
  $('div.pane').scrollTo({top:0, left:0}, 800);
});

$('#flow02').click(function(){
  $('div.pane').scrollTo({top:0, left:382}, 800);
});

$('#flow03').click(function(){
  $('div.pane').scrollTo({top:0, left:1507}, 800);
});

$('#flow04').click(function(){
  $('div.pane').scrollTo({top:0, left:1895}, 800);
});

$('#flow05').click(function(){
  $('div.pane').scrollTo({top:0, left:2684}, 800);
});

$('#flow06').click(function(){
  $('div.pane').scrollTo({top:0, left:3295}, 800);
});


$('#flow01-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:0}, 800);
});

$('#flow02-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:382}, 800);
});

$('#flow03-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:1507}, 800);
});

$('#flow04-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:1895}, 800);
});

$('#flow05-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:2684}, 800);
});

$('#flow06-btm').click(function(){
  $('div.pane').scrollTo({top:0, left:3295}, 800);
});