// For when someone hides the monster
function changeBackground(){
  $('.monster').css('background-image', 'url(images/monster-hide.png)');
};

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

// Loading the page
$("document").ready(function(){
    
     $(".hide").click(function(){
        $('.hide').fadeOut("fast");       
        $('p.monster-text').fadeOut("fast");
        changeBackground();
     });
     
     $.preloadImages("images/monster-hide.png"); 
     
});