$(document).ready(function() {
	$("#nav>li").hover(function() {
		$(this).addClass("over");
	}, function() {
		$(this).removeClass("over");
		$(".rollOver").removeClass("rollOver");
	});

	$("#nav li li").mouseover(function() {
		$(this).parent().parent().find("a:first").addClass("rollOver");
	});
	
	// onload move the navigation to the footer and reposition it to its original location
	$("#nav").insertAfter("#footer");
});