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


$.preloadImages("images/nav/main-nav-button-1-hover.png",
		"images/nav/main-nav-button-2-hover.png",
		"images/nav/main-nav-button-1.png",
		"images/nav/main-nav-button-2.png");

$(document).ready(function() {
    $("#nav li").hover(
		       function(){
			 $(this).css("background-image", $(this).css("background-image").split(".p").join("-hover.p"));

		       },
		       function() {
			 $(this).css("background-image", $(this).css("background-image").split("-hover.p").join(".p"));
		       });
  });