// Fill in the image paths, following the pattern shown here.
// Paths will be interpreted relative to the location of the page which loads this javascript.
// The first item in an array is 0, the next is 1 ... on to add as many items as needed. 

var bannerImages = new Array();
bannerImages[0]   = '/static/images/banner-philly.jpg';
bannerImages[1]   = '/static/images/banner-berkshire.jpg';
bannerImages[2]   = '/static/images/banner-rochester.jpg';
bannerImages[3]   = '/static/images/banner-grand-rapids.jpg';
bannerImages[4]   = '/static/images/banner-pittsburgh.jpg';
bannerImages[5]   = '/static/images/banner-atlanta.jpg';

bannerImages[6]   = '/static/images/banner-dallas.jpg';
bannerImages[7]   = '/static/images/banner-stpaul.jpg';
bannerImages[8]   = '/static/images/banner-maine1.jpg';
bannerImages[9]   = '/static/images/banner-maine2.jpg';
bannerImages[10]  = '/static/images/banner-maine3.jpg';
bannerImages[11]  = '/static/images/banner-maine4.jpg';
bannerImages[12]  = '/static/images/banner-baltimore.jpg';
bannerImages[13]  = '/static/images/banner-kalamazoo.jpg';
bannerImages[14]  = '/static/images/banner-seattle.jpg';


// Call the function as needed for each page in its body onLoad property.

function showBannerImage(){
  var randomImage = Math.round(Math.random() * (bannerImages.length - 1));
  var logoInner = document.getElementById('logo-inner');
  logoInner.style.backgroundImage = 'url('+bannerImages[randomImage] +')';
}