// Register event handlers for the header and the "features"
$(document).ready(function() {
  $("#menu69 ul.menu a").click(showResource);
  $("#feature > ul").tabs();
});

// Show the resource block for the menu item that was clicked
var showResource = function(event) {
  event.preventDefault();
  var resources = "#resources_wrapper > li", active_class = "active";
  var active    = $(resources + "." + active_class);
  var selected  = $(resources + "#" + getResourceName(event.target.href));
  selected.addClass(active_class);
  active.removeClass(active_class);
};

// Helper function to return the name of the relevant resource
var getResourceName = function(link) {
  var tokens = link.split("/");
  return tokens[tokens.length-1].replace("?q=","");	
};