$(document).ready(function() {
  var selected_id = "all";

  $("ul.presentations li a.title").colorbox({width: "800px", height: "450px"});
 

  $("#participants-submenu li").click(function() {
    if ($(this).hasClass("link"))
    {
      $(this).removeClass('link');
      $(this).addClass('selected');

      $("#" + selected_id).removeClass("selected");
      $("#" + selected_id).addClass("link");

      selected_id = $(this).attr("id");

      if (selected_id == "all")
      {
        $("div.participant").show();
      }
      else
      {
        $("div.participant").hide();
        $("div." + selected_id).show();
      }
    }
  });
});