$(document).ready(function(){
  $('<div></div>')
    .attr('class', 'overlay')
    .css('opacity', 0.85)
    .hover(function(){
      $(this).addClass('active');
    }, function() {
      $(this).removeClass('active');
      setTimeout(function(){
        $('.overlay:not(.active)').slideUp(function(){
          $('a.review-hover').removeClass('review-hover');
        });
      }, 300);
    }).appendTo('body');
    
  $('.review a').mouseover(function(){
    title   = $(this).parents('.review-entry').children('.review_entry_header').html();
    content = $(this).parents('.review-entry').children('.review_complete').html();
    ratings = $(this).parents('.review-entry').children('.review_ratings').html();
    $(this).addClass('review-hover');
    $('.overlay:not(:animated)')
      .addClass('active')
      .html('<p class="overlayclose">Close</p><p>'+title+'</p><div id="overlaytable">'+ratings+'</div><p>'+content+'</p>')
      .slideDown();
      $('#overlaytable table').css('margin','auto');
  });

  $('.overlayclose').live('click',function(){
	$('.overlay').removeClass('active');
        setTimeout(function(){
		$('.overlay:not(.active)').slideUp(function(){
        	$('a.review-hover').removeClass('review-hover');
        	});
      	}, 300);
  });

});