function getLiveScores(compID, numScores, fontSize) {
  var oRequest = new XMLHttpRequest();
  var sURL  = "http://"+self.location.hostname+"/appdata/matchHistory/getRecentScores.php?cid="+compID+"&num="+numScores+"&fontSize="+fontSize;

  oRequest.open("GET",sURL,false);
  oRequest.setRequestHeader("User-Agent",navigator.userAgent);
  oRequest.send(null)

  if (oRequest.status==200) {
    return oRequest.responseText;
  } else {
    return "Live scoring is not available, since your browser does not support the XMLHttpRequest object.  You a newer/better browser to view live scoring.";
  }
}

/* displayLiveScores is the function you want to actually call from the HTML.  dispElement should be the <div> where you want the live scores to go. 
   @comp - The competitionID (in database)
   @num - Number of results to display
   @dispElement - HTML element table of scores will be put in
   @fsize - font size of information (use CSS sizes.  ex: small, normal, large, 1em, etc) */
function displayLiveScores(comp, num, dispElement, fsize) {
  var toDisplay = getLiveScores(comp, num, fsize);
  var dispArea = document.getElementById(dispElement);
  dispArea.innerHTML = toDisplay;
}
