$(document).ready(function() {
	
	// Make the banner images cycle
	$('#banner').cycle({
		fx: 'fade'
	});
	
	// Remove the non_js class so the :hover state will be ignored
	$('ul#nav').removeClass("non_js");
	
	// Add a class to each link so jQuery can animate non-numeric values
	$('ul#nav li a').addClass("menu_items");

	// Animate the menu
	$('.menu_items').hover(
		function () {
			$(this).stop().animate({
				color: "#8e97a2"
			}, 500);
		},
		function () {
			$(this).stop().animate({
				color: "#FFFFFF"
			}, 500);
		}
	
	);
	
	// Center the navigation
	var nav_offset = (717 - $("ul#nav").width())/2;
	$("ul#nav").css("marginLeft", nav_offset);
	
	// Center the footer navigation
	var footer_offset = (727 - $("ul#footer").width())/2;
	$("ul#footer").css("marginLeft", footer_offset);

});