$(document).ready(function() {
  // Show first item in FAQ
  xeko.widgets.rulebook.selectTopic($(".folder:first").attr("id").substring(6));

  $(".folder").click(function(e) {
    e.preventDefault();
    var id = $(this).attr("id").substring(6);
    xeko.widgets.rulebook.selectTopic(id);
  });

  // Search box
  $("#rulebookInputSearch").bind("keyup click change", function(e) {
    xeko.widgets.rulebook.getFilteredRules();
  });

  // Clear button
  $("#rulebookButtonClear").click(function(e) {
    e.preventDefault();
    $("#rulebookInputSearch").val("");
    $("#rulebookInputSearch").trigger("blur");
  });

  // add inline search instructions prompt
  $("#rulebookInputSearch").val($("#rulebookLabelSearch").text());
  $("#rulebookInputSearch").addClass("instructional");

  // remove prompt text on field focus
  $("#rulebookInputSearch").focus(function(e) {
    if (this.value == $("#rulebookLabelSearch").text()) this.value = "";
    $(this).removeClass("instructional");
  });

  // re-add prompt text as necessary
  $("#rulebookInputSearch").blur(function(e) {
    if (this.value == "") {
      this.value = $("#rulebookLabelSearch").text();
      $(this).addClass("instructional");
    }
  });

  // Glossary links
  $("#rulebook a").click(function(e) {
    if ($(this).attr("class") == "") {
      xeko.widgets.rulebook.selectTopic("Glossary");
    }
    else {
      xeko.widgets.rulebook.selectTopic($(this).attr("class"));
    }
  });

  // Wrap each header with an anchor
  $("#rulebook h2, #rulebook h3").each(function() {
    $(this).wrap("<a id='" + $(this).text() + "'></a>");
  });
});

xeko.widgets.rulebook =
{
  "getFilteredRules": function() {
    // TODO
  },
  "selectTopic": function(id) {
    // Reset folders
    $(".rule").hide();
    $(".subFolder").hide();
    //$(".folder img").attr("src", "/images/g/g_folder_closed.gif");
    $(".folder").removeClass("selected");

    // Highlight selected folder 
    $("#folder" + id).addClass("selected");
    //$("#folder" + id + " img").attr("src", "/images/g/g_folder_open.gif");
    $("#" + id).show();
    $("#subfolder" + id).show();
  }
};