$(document).ready(function(){
	var nav_arrow_width = $("#nav_arrow").width();
	var activeCoords = $("#active_nav").position();
	var activePosition = activeCoords.left + ($("#active_nav").width()/2)-(nav_arrow_width/2)
	$("#nav_arrow").css({"visibility":"visible","left":activePosition + "px"})
	
	$("#nav li").hover(function(){
		var newCoords = $(this).position();
		var newPosition = newCoords.left + ($(this).width()/2)-(nav_arrow_width/2);
		$("#nav_arrow").clearQueue().animate({
			left: [newPosition + "px", "swing"]
		}, 500)
	},function(){
		$("#nav_arrow").delay(1200).animate({
			left: [activePosition + "px", "swing"]
		}, 1100);
	});
	
	

	

});