$(document).ready(function() {




	$(".headerNavLink").mouseover(function() {

		$(this).fadeOut(100);
		$(this).fadeIn(500);

		var tempSrc = $(this).attr("src").match(/[^\.]+/) + "-over.jpg";

        $(this).attr("src", tempSrc);

		
	});


	$(".headerNavLink").mouseout(function() {

	    var tempSrc = $(this).attr("src").replace("-over", "");

	    $(this).attr("src", tempSrc);	    
	   

	});



});        // End of document ready