//--------------------------------------
//  Functions:
//--------------------------------------
//  GenMusicName (zPre,zNam)
//  OpenMusicHelp ()
//  GenMusicTable ()
//  setImage (zName,zObj)
//  doneLoading (zUrl)
//  dateUpdated ()
//  valButton (zPre,zUrl)
//  preloadImg (zUrl)
//  swapImg (zImg,zGm)
//  urlOver (zTxt, zId, zUrl, zOldClass, zNewClass, zOver)
//--------------------------------------

<!-- Variables for text rollovers -->
var gsName = navigator.appName;
var giVer = parseInt(navigator.appVersion);
var gbNs4 = (gsName == "Netscape" && giVer >= 4);
var gbIe4 = (gsName == "Microsoft Internet Explorer" && giVer >= 4);

<!-- Variables for image rollovers -->
var gBrw = navigator.userAgent.toLowerCase()
var gNav = ( (gBrw.indexOf('mozilla') != -1) && ( (gBrw.indexOf('spoofer') == -1) && (gBrw.indexOf('compatible') == -1) ))
var gBrowVer = parseInt(navigator.appVersion)
if (gNav && gBrowVer == 3) i = 0;
else i = document.images;

//--- Global variables for music ---
var gSongUrl1 = ""; var gSongTitle1 = ""; var gSongSize1 = ""; var gSongLen1 = "";
var gSongUrl2 = ""; var gSongTitle2 = ""; var gSongSize2 = ""; var gSongLen2 = "";
var gSongUrl3 = ""; var gSongTitle3 = ""; var gSongSize3 = ""; var gSongLen3 = "";
var gSongUrl4 = ""; var gSongTitle4 = ""; var gSongSize4 = ""; var gSongLen4 = "";
var gSongUrl5 = ""; var gSongTitle5 = ""; var gSongSize5 = ""; var gSongLen5 = "";
var gSongBgcolor = "#ffebcd";
var gSongBordercolor = "#993300";
var gSongBordercolorlight = "#cc6600";
var gSongBordercolordark  = "#663300";
var gSongHelpPre = "";

//--- Browser detect for music - IE uses BGSOUND, NN uses EMBED ---
var gBrow = "IE";
var gBrowVer = parseInt (navigator.appVersion);
if (navigator.appName == "Netscape") gBrow = "NN";
if (navigator.appName == "Microsoft Internet Explorer" && gBrowVer >= 4) gBrow = "NN";

//--- GenMusicName() ---
//    zPre: "" for root, "../" for one level down, etc.
//    zNam: Name of midi file (without .mid)
function GenMusicName (zPre,zNam) {
  return zPre + "music/" + zNam + gBrow + ".html";
}

//--- OpenMusicHelp() ---
function OpenMusicHelp () {
  xOpts = "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=400,height=300"
  xUrl = gSongHelpPre + "musichlp.html";
  window.open (xUrl, "musichlp", xOpts);
  return false;
}

//--- GenMusicTable() ---
function GenMusicTable() {
  if ("" == gSongUrl1) return;
  d = self.document;
  d.writeln ('<form>');
  d.writeln ('<table border="6" cellpadding="8" cellspacing="0" ',
              'bgcolor="', gSongBgcolor,
              '" bordercolor="', gSongBordercolor,
              '" bordercolorlight="', gSongBordercolorlight,
              '" bordercolordark="', gSongBordercolordark,
              '">');
  d.writeln ('  <tr> <td align=center>');
  d.writeln ('    <font face="comic sans ms,arial,helvetica" color=red> Music <br>');
  d.writeln ('    <font size=-1>');
  d.writeln ('    <select size=1>');
  d.writeln ('      <option selected> How to play music');
  d.writeln ('      <option> ----------------------------------');
  d.writeln ('      <option> Left-click to play music');
  d.writeln ('      <option> &nbsp &nbsp with no console.');
  d.writeln ('      <option> ----------------------------------');
  d.writeln ('      <option> To display a console:');
  d.writeln ('      <option> &nbsp &nbsp Right-click.');
  d.writeln ('      <option> &nbsp &nbsp Choose "Open in new window."');
  d.writeln ('      <option> ----------------------------------');
  d.writeln ('      <option> For more info, see Help!');
  d.writeln ('    </select>');
  d.writeln ('    </font> </font>');
  d.writeln ('  </td> </tr> <tr> <td>');
  d.writeln ('    <font face="comic sans ms,arial,helvetica">');

    d.writeln ('      <a href="', gSongUrl1, '" target="music">', gSongTitle1, '</a>');
    d.writeln ('      <font size="-2"> ', gSongSize1, 'K midi - ', gSongLen1, ' </font> <br>');
  if ("" != gSongUrl2) {
    d.writeln ('      <a href="', gSongUrl2, '" target="music">', gSongTitle2, '</a>');
    d.writeln ('      <font size="-2"> ', gSongSize2, 'K midi - ', gSongLen2, ' </font> <br>');
  }
  if ("" != gSongUrl3) {
    d.writeln ('      <a href="', gSongUrl3, '" target="music">', gSongTitle3, '</a>');
    d.writeln ('      <font size="-2"> ', gSongSize3, 'K midi - ', gSongLen3, ' </font> <br>');
  }
  if ("" != gSongUrl4) {
    d.writeln ('      <a href="', gSongUrl4, '" target="music">', gSongTitle4, '</a>');
    d.writeln ('      <font size="-2"> ', gSongSize4, 'K midi - ', gSongLen4, ' </font> <br>');
  }
  if ("" != gSongUrl5) {
    d.writeln ('      <a href="', gSongUrl5, '" target="music">', gSongTitle5, '</a>');
    d.writeln ('      <font size="-2"> ', gSongSize5, 'K midi - ', gSongLen5, ' </font> <br>');
  }
  d.writeln ('    </font>');
  d.writeln ('  </td> </tr> <tr> <td>');
  d.writeln ('    <font face="comic sans ms,arial,helvetica">');
  d.writeln ('      <a href="', gSongHelpPre, 'empty.html" target="music">Stop Da Music!</a> <p>');
  d.writeln ('      <center>');
  d.writeln ('      <input type=button onClick="OpenMusicHelp();" value="Help!">');
  d.writeln ('      </center>');
  d.writeln ('    </font>');
  d.writeln ('  </td> </tr>');
  d.writeln ('</table>');
  d.writeln ('</form>');
}
//--- setImage() ---
function setImage (zName,zObj) {
  if (document.images) zName.src = zObj.src;
}
//--- doneLoading(); ---
function doneLoading(zUrl) {
  if ("main" == self.name) parent.pre.location.href = zUrl;
  if ("content" == self.name) parent.parent.pre.location.href = zUrl;
}
//--- dateUpdated(); ---
function dateUpdated() {
  var xMonthNames = new Array("January", "February", "March", "April", "May", "June",
                              "July", "August", "September", "October", "November", "December");
  var xLastModDate  = new Date(document.lastModified);
  var xLastModDay   = xLastModDate.getDate();
  var xLastModMonth = xLastModDate.getMonth();
  var xLastModYear  = xLastModDate.getYear() >= 2000 ? xLastModDate.getYear() : xLastModDate.getYear() + 1900;
  xLastModDateStr   = xMonthNames[xLastModMonth] + " " + xLastModDay + ", " + xLastModYear;
  document.write('<span class="dateupd">');
  document.writeln("This page was last updated on " + xLastModDateStr + ".</span>")
}
function valButton(zPre,zUrl) {
  var d = self.document;
  var xUrl = self.location.href;
  d.write('<p><a href="http://validator.w3.org/check?uri="', xUrl, ';ss target="_blank">');
  d.writeln('<img src="' + zPre + 'images/vh40.gif" border="0" height="31" width="88" alt="Validate!"></a><br>');
  return;
  if (zUrl == "") {
    d.write('<p><a href="http://validator.w3.org/check/referer" target="_blank">');
    d.writeln('<img src="' + zPre + 'images/vh40.gif" border="0" height="31" width="88" alt="Validate!"></a><br>');
  }
  else {
    d.write('<p><a href="http://validator.w3.org/check?uri="' + zUrl + ';ss" target="_blank">');
    d.writeln('<img src="' + zPre + 'images/vh40.gif" border="0" height="31" width="88" alt="Validate!"></a><br>');
  }
}
//--- preloadImg(); ---
function preloadImg(zUrl) {
  var xa = new Image();
  xa.src = zUrl;
  return xa;
}
//--- swapImg(); ---
function swapImg (zImg, zGm) {
  if (document.images) {
    var xS = "document." + zImg + ".src=" + zGm + ".src";
    eval (xS);
  }
}
//-------------------------------------------------------------------
//  urlOver() provides mouseover effects for text URLs.
//    Arguments:
//      1. Text to be displayed.
//      2. ID of <span> that surrounds <a>.
//      3. URL being linked to.
//      4. Target.
//      5. Current class.
//      6. New class (specifies new color).
//      7. True if onMouseOver, false if onMouseOut.
//-------------------------------------------------------------------
function urlOver (zTxt, zId, zUrl, zTar, zOldClass, zNewClass, zOver) {
  if (giVer < 4) return;
  var xStr = "<a class='" + zNewClass + "' href='" + zUrl + "' target='" + zTar + "'";
  if (zOver) {
    xStr += " onMouseOut=\"urlOver(\'" + zTxt + "\', \'" + zId +
           "\', \'" + zUrl + "\', \'" + zTar + "\', \'" + zNewClass +
           "\', \'" + zOldClass + "\', false)\">";
  } else {
    xStr += " onMouseOver=\"urlOver(\'" + zTxt + "\', \'" + zId +
           "\', \'" + zUrl + "\', \'" + zTar + "\', \'" + zNewClass +
           "\', \'" + zOldClass + "\', true)\">";
  }
  xStr += zTxt + "</a>";
  if (gbNs4) {
    with (document[zId].document) {
      open ();
      write (xStr);
      close ();
    }
  }
  else {
    document.all[zId].innerHTML = xStr;
  }
}