$(document).ready(function() {

	// highlight previous navigation item on hover
	$("#navigation a").mouseenter(function(){
		$(this).prev("a").addClass("hoverstate");
	}).mouseleave(function(){
		$(this).prev("a").removeClass("hoverstate");
	});
	
	// highlight previous navigation item on hover
	$("ul.links li").mouseenter(function(){
		$(this).addClass("hoverstate");
	}).mouseleave(function(){
		$(this).removeClass("hoverstate");
	});
	
	// also makes the list item clickable as well as the hyperlink
	$("ul.links li").click(function(){
		var myvar = $("ul.links li.hoverstate > a").attr("href");
		if (myvar) {
			parent.location=myvar;
		}
	});
	
});