$(document).ready(function() {
  $(".multitab_tabs").css("display", "block");

  $(".multitab_tabs_tab").addClass('multitab_tabs_tab_inactive');
  $("#multitab_tabs_tab_0").removeClass('multitab_tabs_tab_inactive');
  $("#multitab_tabs_tab_0").addClass('multitab_tabs_tab_active');

  $(".multitab_bodies_body").hide();
  $("#multitab_bodies_body_0").show();
  $("#multitab_bodies_body_0").addClass('multitab_displayed');

  $(".multitab_tabs_tab").click(function() {
    //Change which tab is active

    //Get some information
    var id = $(this).attr("id");
    var id_components = id.split("_");
    var id_num = id_components[3];
    var new_id = "#multitab_bodies_body_" + id_components[3];

    var old_id = $(".multitab_displayed").attr("id");
    var old_id_components = old_id.split("_");
    var old_id_num = old_id_components[3];

    //If we are changing tabs, slide the old one out and the new one in.
    if(old_id_num != id_num) {
      $(".multitab_tabs_tab").addClass('multitab_tabs_tab_inactive');
      $(".multitab_tabs_tab").removeClass('multitab_tabs_tab_active');
      $(this).addClass('multitab_tabs_tab_active');
      $(this).removeClass('multitab_tab_tab_inactive');

      $(new_id).slideDown('slow');
      $(".multitab_displayed").slideUp('slow');

      $(".multitab_displayed").removeClass('multitab_displayed');
      $(new_id).addClass('multitab_displayed');
    }
  });
});