var overRecipeImage = new Image();
overRecipeImage.src = "/images/home-buttons/recipe_on.jpg";
var outRecipeImage = new Image();
outRecipeImage.src = "/images/home-buttons/recipe.jpg";

var overOfferImage = new Image();
overOfferImage.src = "/images/home-buttons/offer_on.jpg";
var outOfferImage = new Image();
outOfferImage.src = "/images/home-buttons/offer.jpg";

var overJoinUsImage = new Image();
overJoinUsImage.src = "/images/home-buttons/joinus_on.jpg";
var outJoinUsImage = new Image();
outJoinUsImage.src = "/images/home-buttons/joinus.jpg";

function overRecipes(){
  document.getElementById('homeRecipeButton').style.backgroundImage = overRecipeImage.src;
}
function outRecipes(){
  document.getElementById('homeRecipeButton').style.backgroundImage = outRecipeImage.src;
}
function overOffer(){
  document.getElementById('homeOfferBButton').style.backgroundImage = overOfferImage.src;
}
function outOffer(){
  document.getElementById('homeOfferBButton').style.backgroundImage = outOfferImage.src;
}
function overJoinUs(){
  document.getElementById('homeJoinUsButton').style.backgroundImage = overJoinUsImage.src;
}
function outJoinUs(){
  document.getElementById('homeJoinUsButton').style.backgroundImage = outJoinUsImage.src;
}