// define our banner object
var Banner = function(id, title, img, message, link) {
    this.id      = id;
    this.title   = title;
    this.img     = img;
    this.message = message;
    this.link    = link;
}

var bannerToString = function() {
    var html = '<div id="' + this.id + '">';
    html += '<div id="frame"><div class="text">';
    html += this.title;
    html += this.img;
    html += this.message;
    html += '<p class="links">' + this.link + '<br />';
    html += '<a href="/about-msd-and-our-work/newsroom/success-stories/index.html">Read other stories</a>';
    html += '</p></div></div></div>';
    
    return html;
}

Banner.prototype.toString = bannerToString;

// choose a random banner and display
var rotateBanner = function(bannerList) {
    var index = Math.floor( Math.random() * bannerList.length );
    var banner = bannerList[index];
    
    var bannerNode = document.getElementById("banner");
    bannerNode.innerHTML = banner;
}