// JavaScript Document

$(document).ready(function(){

	var list = $("ul.hoverlist li a");
	var rules = $(".hoverrule").hide();
	var images = $(".hoverimage").hide();
	var hoverColor = $("h1").css("color");
	var defaultColor = $("#content p").css("color");
	
	rules.eq(0).show();
	images.eq(0).show();
	list.eq(0).css("color", hoverColor);
	list.each( function(index){
		$(this).mouseover( function(){	
			rules.hide();
			images.hide();
			list.css("color",defaultColor);
			rules.eq(index).show();
			images.eq(index).show();
			$(this).css("color",hoverColor);
		});
	});
	
});