$(document).ready(function() {
	haveJS();
	fadeNav();
});

function haveJS() {
	$("body").addClass("haveJS");
}

function fadeNav() {
	$('header nav li').not('.active').hover(
		function() {
			var span = $(this).find("span");
			var a = $(this).find("a");
			$(span).stop();
			$(a).stop();
			$(span).css({
				"opacity": 0,
				"display": "block"
			});
			$(span).animate({
				opacity: 1
				}, 200, function() {
			});
			$(a).animate({
				color: "#000000"
				}, 200, function() {
			});
		},
		function() {
			var span = $(this).find("span");
			var a = $(this).find("a");
			$(span).stop();
			$(a).stop();
			$(span).animate({
				opacity: 0
				}, 200, function() {
			});
			$(a).animate({
				color: "#ffffff"
				}, 200, function() {
			});
		}
	);
}