$(document).ready(function() {
	
	$(".product-info").hover(function() {
		
		var productName = $(this).attr("id");

		$("#product-popup").html(eval(productName).info);
		$("#product-popup").prepend(eval(productName).title);
		$("#product-popup").prepend(eval(productName).picture);
		
		var offset = $(this).offset();
		var offleft = offset.left;
		var offtop = offset.top;
		
		var helpWidth = $("#product-popup").width();
		var helpheight = $("#product-popup").outerHeight();
		
		$("#product-popup").css("left", offleft);
		$("#product-popup").css("top", offtop-helpheight-5);
		$("#product-popup").show();

		
	}, function() {
		$("#product-popup").hide();
	});
	
});