$(function(){
  $(".toppanel")
    .hide();

  $(".bottompanel a")
    .bind("click", function() {
      $(".bottompanel")
        .removeClass("currentpanel");
      
      var tempid = $(this).parent().attr("id");
      if (tempid == undefined) {
        tempid = $(this).parent().parent().attr("id");
        $(this).parent().parent().addClass("currentpanel");
      } else {
        $(this).parent().addClass("currentpanel");
      }
      var idparts = tempid.split("_");

      $(".toppanel:visible")
        .fadeOut("fast");

      $("#toppanel_" + idparts[1])
        .fadeIn("fast");

      
      return false;
    });

  $(".bottompanel a:first")
    .trigger("click");
});