function searchCourses() {
  
  var str = Styles.getElement("searchBox").value;
  if (str == null || str.length < 4) {
    alert("Search string must be at least 4 characters long.");
    return;
  }
  
  var searchButton = Styles.getElement("searchButton");
  searchButton.disabled = true;
  searchButton.value = "Searching...";
  
  var client = getJSONRPCClient();
  client.callRemote.apply(client, ["courses.searchCourses", searchResults, str]);
}

function searchResults(result) {
  var searchButton = Styles.getElement("searchButton");
  var courseResults = Styles.getElement("courseResults");

  searchButton.disabled = false;
  searchButton.value = "Search Courses";
  
  courseResults.options.length = result.length;

  for (var i = 0; i < result.length; i++) {
    var id = result[i]['club_id']+'-'+result[i]['course_id'];
    var name = result[i]['club_name'];
    if (result[i]['course_name'] != null && result[i]['course_name'].length > 0) {
      name += ' - ' + result[i]['course_name'];
    }

    if (result[i]['club_state'] != null && result[i]['club_state'].length > 0) {
      name += ' (';
      if (result[i]['club_city'] != null && result[i]['club_city'].length > 0) {
        name += result[i]['club_city']+', ';
      }
      name += result[i]['club_state']+')';
    }
 
    courseResults.options[i] = new Option(name, id);
  }
}

function courseSelected() {
  var pd = Styles.getElement("courseResults");
  
  var id = pd.options[pd.selectedIndex].value.split("-");
  var clubId = id[0];
  var courseId = id[1];
  var name = pd.options[pd.selectedIndex].text;

  oobgolfScorecard("scorecardPreview", courseId, "#ffffff", clubId);
  
  var s = Styles.getElement("scorecardSnippet");
  s.value = getJSSnippet(courseId, name, clubId);
}



function getJSSnippet(courseId, name, clubId) {
  var str = "";
  str += "  <!-- begin: oobgolf scorecard -->\n";
  str += "  <div id=\"scorecard"+courseId+"\">\n";
  str += "    <a href=\"http://www.oobgolf.com/courses/course/"+clubId+"\">"+name+"</a>\n";
  str += "  </div>\n";
  str += "  <script type=\"text/javascript\" src=\"http://www.oobgolf.com/js/federated_scorecard.js\"></script>\n";
  str += "  <script type=\"text/javascript\">\n";
  str += "    var backgroundColor = \"#ffffff\"; //change this to match the background of your page\n";
  str += "    var courseId = "+courseId+";\n";
  str += "    oobgolfScorecard(\"scorecard"+courseId+"\", courseId, backgroundColor);\n";
  str += "  </script>\n";
  str += "  <!-- end: oobgolf scorecard -->\n";
  return str;
}