$(document).ready(function() {
   
   //hide three of the four to start with
   $('#component_content .component').each(function() {
      
      if (!$(this).hasClass('active'))
         $(this).hide();
   });
   
   // register the nav links
   $('#component_nav a').mouseover(function() {
      
      var slug = $(this).attr('rel');
      
      if ($('#component_content .active').attr('id') == slug) {
         
      } else {
         
         $('#component_content .active').toggle();
         $('#component_content .active').toggleClass('active');
         $('#' + slug).toggle();
         $('#' + slug).toggleClass('active');
      }
   });
   
   /* accordion */
   var active_accordion = $('#accordion_list h4>a').index($('a.active'));
   $('#accordion_list').accordion({
      autoHeight: false,
      header: 'h4',
      alwaysOpen: false,
      active: active_accordion
   });
});