$(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);

  }

 );

});