$(document).ready(function() {
  
  // put an image in first. 
  
  $(".bloggerimage").mouseover(function() {
    blogger = $(this);
    // alert($(this));
    original = blogger.attr('src');
    blogger_split = original.split("/grey");
    blogger.attr('src', blogger_split[0]);
    $('#blogger-information-hidden').addClass('hidden-info');
    $('#blogger-information').html($('div#' + blogger.attr('alt')).html());
    $('#blogger-information').removeClass('hidden-info');
  });
  $(".bloggerimage").mouseout(function() {
    blogger = $(this);
    blogger.attr('src', blogger.attr('src')+"/grey");
    $('#blogger-information').addClass('hidden-info');
    $('#blogger-information-hidden').removeClass('hidden-info');
  });
    
});