// ths code is from: http://webdevel.blogspot.com/2008/04/rollover-images-with-jquery.html

jQuery.preloadImages = function()
{
	for(var i = 0; i<arguments.length; i++)
	{
		jQuery("<img>").attr("src", arguments[i]);
	}
}

$.preloadImages("nav_bio_off.png", "nav_bio_on.png", "nav_poems_off.png", "nav_poems_on.png", "nav_prose_off.png", "nav_prose_on.png", "nav_press_off.png", "nav_press_on.png", "splash_bio_off.png", "splash_bio_on.png", "splash_poems_off.png", "splash_poems_on.png", "splash_prose_off.png", "splash_prose_on.png", "splash_press_off.png", "splash_press_on.png");

$(
	function()
	{
		$("img.rollover").hover(
			function()
			{
				this.src = this.src.replace("_off","_on");
			},
			function()
			{
				this.src = this.src.replace("_on","_off");
			}
		);
	}
)