$(document).ready(function() {
	
	// Link hover effect
	$("#box-nav1 a").mouseover(
		function() {
			$(this).parent().children().animate({color: "#333"}, 250 );
			$("#box-nav2 a").parent().children().animate({color: "#666"}, 250 );
			$("#box-nav3 a").parent().children().animate({color: "#666"}, 250 );
			$(this).animate({color: "#4C003F"}, 250 );
		}
	);
	$("#box-nav3 a, #box-header a, #box-nav4 a, #box-content a").mouseout(
		function() {
			$(this).parent().children().animate({color: "#666"}, 250 );
		}
	);
	$("a").mouseover(
		function() {
			$(this).parent().children().animate({color: "#666"}, 250 );
			$(this).animate({color: "#4C003F"}, 250 );
		}
	);
	
	// Level 1 rollovers
	$("#box-nav1 a").mouseover(function() {
		var linknum = $(this).attr("class").replace("link", "").replace("selected", "").replace(" ", "");
		$("#box-nav2").children().hide();
		$("#box-nav3").children().hide();
  	$("#box-nav2-"+linknum).fadeIn(250);
	});
	
	// Level 2 rollovers
	$("#box-nav2 a").mouseover(function() {
	  var linknum = $(this).attr("class").replace("link", "").replace("notlast", "").replace("selected", "").replace(" ", "");
		var parentlinknum = $(this).parent().parent().attr("id").replace("box-nav2-", "");
		$("#box-nav3").children().hide();
  	$("#box-nav3-"+parentlinknum+"-"+linknum).fadeIn(250);
	});
	
	// Level 2 - Keep links from working
	$("#box-nav2 a").click(function(event) {
		event.preventDefault();
	});
	
	// Scrolling images on level 3 and 4
  $("#box-header .level3").scrollview({
    grab:"images/openhand.cur",
    grabbing:"images/closedhand.cur"
  });
	$("#box-header .level4").scrollview({
    grab:"images/openhand.cur",
    grabbing:"images/closedhand.cur"
  });
	$("#box-header .level3").scrollLeft(0);
	$("#box-header .level4").scrollLeft(0);

});