
function selectStyleSheet(sub) {
  //use a different style sheet for Internet Explorer (mac and win)
  
  //alert(navigator.appName + " : " + navigator.appVersion + " :: " + navigator.userAgent);
  
  document.writeln("<link rel=stylesheet type='text/css' href='" + sub + "kiva.css'>");

  var css = "<link rel=stylesheet type='text/css' href='" + sub;
  if (navigator.appName.indexOf("Explorer") >= 0) {
    if (navigator.appVersion.indexOf("Win") >= 0) 
      css += "kiva_ie_win.css'>";
    else if (navigator.userAgent.indexOf("Opera") >= 0)
      css += "kiva_opera.css'>";
    else css += "kiva_ie_mac.css'>";
    document.writeln(css);
  }
  //setBgByMonth(sub);
}
<!------------------------------------------------------------------>
function setBgByMonth(sub) {
  //assign a different background graphic based on the month number
  var bg = ['natfl194.jpg','natfl404.jpg',  //jan,feb
    'natfl049.jpg','natfl203.jpg','natfl430.jpg',  //mar,apr,may
    'leaves2.gif','natfl118.jpg','natfl355.gif',  //jun,jul,aug
    '032000012b.jpg','jackolanterns.gif','natfl143c.jpg',  //sep,oct,nov
    'holly_leaves2.jpg'];  //dec
  var monthName = ["January","February","March","April","May","June",
    "July","August","September","October","November","December"];
  var curdate = new Date();
  var month = curdate.getMonth()
  //var month = Math.floor(Math.random()*bg.length);
  document.writeln('<style>');
  document.writeln('body {background:url("' + sub + 'images/' + bg[month] + '")}');
  document.writeln('</style>');
  //document.writeln(monthName[month]);
}
<!------------------------------------------------------------------>
function addMenu(sub) {
  //add Main Menu for pages, using document.write commands

  var menu = '<div id="menu1"><a href="' + sub + 'schedule/current.html" onfocus="this.blur()" title="See KIVA&#39;s current gig schedule"></a></div>';

  menu += '<div id="menu2"><a href="' + sub + 'the_band/people_main.html" onfocus="this.blur()" title="Learn about the people in KIVA"></a></div>';

  menu += '<div id="menu3"><a href="' + sub + 'index.html" onfocus="this.blur()" title="Go to the Main Page"></a></div>';

  menu += '<div id="menu4"><a href="' + sub + 'recordings/catalog_main.html" onfocus="this.blur()" title="See KIVA&#39;s list of CD&#39;s"></a></div>';

  menu += '<div id="menu5"><a href="' + sub + 'reviews.html" onfocus="this.blur()" title="Read reviews of KIVA&#39;s music"></a></div>';

  menu += '<div id="menu6"><a href="' + sub + 'links.html" onfocus="this.blur()" title="See a list of KIVA&#39;s links"></a></div>';

  menu += '<div id="menu_home"><a href="' + sub + 'index.html" onfocus="this.blur()" title="Go to the Main Page"></a></div>';

  document.write(menu);
}
<!------------------------------------------------------------------>
function addFooterMenu(sub) {
  //add menu tob bottom of pages, using document.write commands

  var menu = '<div class="page_bottom"><center><br>';
  
  menu += '<table border=0 cellpadding=1 cellspacing=0 class="bottom_menu"><tr align=center>';

  menu += '<td width=70><a href="' + sub + 'index.html" onfocus="this.blur()" title="Go to the Main Page">Home</a></td>';

  menu += '<td width=84><a href="' + sub + 'the_band/people_main.html" onfocus="this.blur()" title="Learn about the people in KIVA">The Band</a></td>';

  menu += '<td width=86><a href="' + sub + 'schedule/current.html" onfocus="this.blur()" title="See KIVA&#39;s current gig schedule">Schedule</a></td>';

  menu += '<td width=90><a href="' + sub + 'recordings/catalog_main.html" onfocus="this.blur()" title="See KIVA&#39;s list of CD&#39;s">Recordings</a></td>';

  menu += '<td width=80> &#160; <a href="' + sub + 'reviews.html" onfocus="this.blur()" title="Read reviews of KIVA&#39;s music">Reviews</a></td>';

  menu += '<td width=70><a href="' + sub + 'links.html" onfocus="this.blur()" title="See a list of KIVA&#39;s links">Links</a></td>';

  menu += '</tr></table></center></div>';

  document.write(menu);
}
