$(function() {

var offsetX = 50;
var offsetY = -50;
//disse variablene setter avstanden til markøren
	
	$(".box").hover(function(e) {
//henter teksten med .text fra paragraph i denne boksen- brukes senere som variabelen "tekst"

		var html = '<div class="showBox">';
		html += '<h1>' + $( this ).children ("h1").text() + '</h1>';
		html += '<p>' + $( this ).children ("p").text() + '</p>';
		html += '</div>';
		$( html )
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		.appendTo("body");
		}, function() {
		$(".showBox").remove();	
	
	});
	
	$(".box").mousemove(function(e) {
		$( ".showBox" ).css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
	});
	
});