catering1 = new Image(280, 290);
  catering1.src = 'App_Images/Homepage/catering1.jpg';
  catering2 = new Image(280, 290);
  catering2.src = 'App_Images/Homepage/catering2.jpg';
  catering3 = new Image(280, 290);
  catering3.src = 'App_Images/Homepage/catering3.jpg';

  courtyard1 = new Image(280, 290);
  courtyard1.src = 'App_Images/Homepage/courtyard1.jpg';
  courtyard2 = new Image(280, 290);
  courtyard2.src = 'App_Images/Homepage/courtyard2.jpg';
  courtyard3 = new Image(280, 290);
  courtyard3.src = 'App_Images/Homepage/courtyard3.jpg';

  maproom1 = new Image(280, 290);
  maproom1.src = 'App_Images/Homepage/maproom1.jpg';
  maproom2 = new Image(280, 290);
  maproom2.src = 'App_Images/Homepage/maproom2.jpg';å
  maproom3 = new Image(280, 290);
  maproom3.src = 'App_Images/Homepage/maproom3.jpg'; 


function swap(pics) {
  
  
  var img1 = document.getElementById('img1');
  var img2 = document.getElementById('img2');
  var img3 = document.getElementById('img3');

  if (pics == "Catering") {
    img1.src = catering1.src;
    img2.src = catering2.src;
    img3.src = catering3.src;
  }
  else if (pics == "Courtyard") {
  img1.src = courtyard1.src;
  img2.src = courtyard2.src;
  img3.src = courtyard3.src;
  }
  else if (pics == "MapRoom") {
  img1.src = maproom1.src;
  img2.src = maproom2.src;
  img3.src = maproom3.src;
  }
  
}