$(document).ready( 
function() {
  $('#blueb1').hover( 
    function() {
      $('#blueb1').addClass('barbg'); 
    },
    function() { 
      $('#blueb1').removeClass('barbg');
    }
  );

  $('#blueb2').hover( 
    function() {
      $('#blueb2').addClass('barbg'); 
    },
    function() { 
      $('#blueb2').removeClass('barbg');
    }
  );
 
   $('#blueb3').hover( 
    function() {
      $('#blueb3').addClass('barbg'); 
    },
    function() { 
      $('#blueb3').removeClass('barbg');
    }
  );
 
   $('#blueb4').hover( 
    function() {
      $('#blueb4').addClass('barbg'); 
    },
    function() { 
      $('#blueb4').removeClass('barbg');
    }
  ); 

   $('#blueb5').hover( 
    function() {
      $('#blueb5').addClass('barbg'); 
    },
    function() { 
      $('#blueb5').removeClass('barbg');
    }
  );
 
   $('#blueb6').hover( 
    function() {
      $('#blueb6').addClass('barbg'); 
    },
    function() { 
      $('#blueb6').removeClass('barbg');
    }
  ); 
 
   $('#blueb7').hover( 
    function() {
      $('#blueb7').addClass('barbg'); 
    },
    function() { 
      $('#blueb7').removeClass('barbg');
    }
  ); 
   
   $('#blueb8').hover( 
    function() {
      $('#blueb8').addClass('barbg'); 
    },
    function() { 
      $('#blueb8').removeClass('barbg');
    }
  );

   $('#blueb9').hover( 
    function() {
      $('#blueb9').addClass('barbg'); 
    },
    function() { 
      $('#blueb9').removeClass('barbg');
    }
  );    
    
 }
);