(function($) {
	
	$.fn.bg_nav = function() { 

$(".nav_featured a").click( function(){
	$.scrollTo( "#featured", 800 );
   
	var offset = $('#featured').offset();
	$('#circle').animate({
		opacity: 1,
	    top: offset.top + 3 + 'px'
	  }, 700, function() {
	    // Animation complete.
	  });

	  return false;
});

$(".nav_about a").click( function(){
   	$.scrollTo( "#about", 800 );

	var offset = $('#about').offset();
	$('#circle').animate({
		opacity: 1,
	    top: offset.top + 3 + 'px'
	  }, 700, function() {
	    // Animation complete.
	  });

	  return false;

});

$(".nav_work a").click( function(){
	$.scrollTo( "#work", 800 );

	var offset = $('#work').offset();
	$('#circle').animate({
		opacity: 1,
	    top: offset.top + 3 + 'px'
	  }, 700, function() {
	    // Animation complete.
	  });
	
	return false;
});

$(".nav_contact a").click( function(){
   	$.scrollTo( "#contact", 800 );

	var offset = $('#contact_content .arrow_box').offset();
	$('#circle').animate({
		opacity: 1,
	    top: offset.top + 3 + 'px'
	  }, 700, function() {
	    // Animation complete.
	  });
	
	return false;
});

$(".arrow_box a").click( function(){
   	$.scrollTo( 0, 800 );

	var offset = $('#logo').offset();
	$('#circle').animate({
		opacity: 0,
	    top: offset.top + 'px'
	  }, 700, function() {
	    // Animation complete.
	  });
	
	return false;
});


 }; 


})(jQuery);