$(document).ready(function(){
			
	/* set default background position */
	$("ul#levelOneNavigation li a").css({backgroundPosition: "0px 0px"});
	
	/* set slide out for each button */
	$("#about").mouseover(function(){$(this).animate({backgroundPosition: "-12px 0px"}, 400);});
	$("#portfolio").mouseover(function(){$(this).animate({backgroundPosition: "-12px 0px"}, 400);});
	$("#exhibits").mouseover(function(){$(this).animate({backgroundPosition: "-12px 0px"}, 400);});
	$("#news").mouseover(function(){$(this).animate({backgroundPosition: "-12px 0px"});}, 400);
	$("#contact").mouseover(function(){$(this).animate({backgroundPosition: "-12px 0px"}, 400);});

	/* on mouseout go back to default */	
	$("#about").mouseout(function(){$(this).animate({backgroundPosition: "0px 0px"}, 400);});
	$("#portfolio").mouseout(function(){$(this).animate({backgroundPosition: "0px 0px"}, 400);});
	$("#exhibits").mouseout(function(){$(this).animate({backgroundPosition: "0px 0px"}, 400);});
	$("#news").mouseout(function(){$(this).animate({backgroundPosition: "0px 0px"}, 400);});
	$("#contact").mouseout(function(){$(this).animate({backgroundPosition: "0px 0px"}, 400);});
	
});