$(function(){
 $('.roll').hover(
  function()  
  {
   $('.fc').removeClass('active');
   $('#pct' + this.id).addClass('active');
   $('#pct' + this.id).fadeTo('fast', 0.33);
  },
  function()
  {
   $('.fc').removeClass('active');
   $('#pct' + this.id).fadeTo('fast', 1);
  }
 );

 $('.fc').hover(
  function()
  {
   $('.fc').removeClass('active');   
   $('.roll').removeClass('active');

   $(this).addClass('active');
   $('#'+this.id.substr(3)).addClass('active');   
   $(this).fadeTo('fast', 0.33);
  },
  function()
  {
   $('.fc').removeClass('active');
   $('.roll').removeClass('active');
   $(this).fadeTo('fast', 1);
  }
 );
});