$(function() {
	$('#nav a').removeClass('noscript');
	$("#nav a").bind('mouseover', function() {
		$(this).parent().prepend('<span class="navItemHighlight"></span>');
		var highlight = $(".navItemHighlight", $(this).parent());
		
		newWidth = $(this).parent().width();
		highlight.css("width", newWidth);
		highlight.stop().animate({
			height: "24px"
		}, 'fast');
	});
	$("#nav a").bind('mouseout', function() {
		var highlight = $(".navItemHighlight", $(this).parent());
		highlight.stop().animate({
			height: "0"
		}, 'fast', function() {
			highlight.remove();
		});
	});
	
	
	$('#subnav a').removeClass('noscript');
	$('#subnav a').css("backgroundPosition", "-220px 0px"); //IE needs this line to be set
	$("#subnav a").bind('mouseover', function() {
		$(this).stop().animate(
			{ "backgroundPosition" : "0px 0px" }, '800'
		);
	});
	$("#subnav a").bind('mouseout', function() {
		$(this).stop().animate(
			{ "backgroundPosition" : "-220px 0px" }, '800'
		);
	});
});