/* Random image at each page load */

// Array of objects with src and alt
var acs_images = [
  {
    src: "https://extension.okstate.edu/acs-resource/catalog/ext_catalog_banner_internal-2.jpg",
    alt: "Person at lectern giving lecture"
  },
  {
    src: "https://extension.okstate.edu/acs-resource/catalog/ext_catalog_banner_internal-2.jpg",
    alt: "Person at lectern giving lecture"
  }
];

// Pick a random object
var choice = acs_images[Math.floor(Math.random() * acs_images.length)];

// Remove the existing banner
$('#home-page #feature div#ExternalHead').remove();

// Insert the new banner with alt text
$('#home-page #feature').append(
  '<div id="ExternalHead">' +
    '<img style="width:100%; max-width:100%; max-height:288px" ' +
    'src="' + choice.src + '" ' +
    'alt="' + choice.alt + '">' +
  '</div>'
);