$(document).ready(function(){
	$('h2.withArrow').each(function(){
		$(this).append('<div class="nav"><a class="prev" href="#">&uarr;</a><br /><a class="next" href="#">&darr;</a></div>');
	});
	$('.nav .prev:first').remove();
	$('.nav .next:last').remove();
	var i = 0;
	$('.nav').each(function(){
		$(this).data('count', i);
		i++;
	});
	$('a[title="proceed"]').click(function(e){
		e.preventDefault();
		$('body').scrollTo('#work', 300);
	})
	$('.nav .prev').click(function(e){
		e.preventDefault();
		$('body').scrollTo($('h2').eq($(this).parents('.nav').data('count')-1), 300, {offset:-40});
	});
	$('.nav .next').click(function(e){
		e.preventDefault();
		$('body').scrollTo($('h2').eq($(this).parents('.nav').data('count')+1), 300, {offset:-40});
	});
})