this.tooltip = function() {
	var xOffset = 10;
	var yOffset = 20;
	$(".tooltip").hover(
			function(e) {
				this.t = this.title;
				this.title = '';
				if (this.t != '') {
					$("body").append("<p id='tooltip'>" + this.t + "</p>");
					$("#tooltip").css("top", (e.pageY - xOffset) + "px").css(
							"left", (e.pageX + yOffset) + "px").fadeIn("fast");
				}
			}, function() {
				if (this.t != undefined || this.t != '') {
					this.title = this.t;
					$("#tooltip").remove();
				}
			});
	$(".tooltip").mousemove(
			function(e) {
				$("#tooltip").css("top", (e.pageY - xOffset) + "px").css(
						"left", (e.pageX + yOffset) + "px");

			});
};

this.imagePreview = function() {
	var xOffset = 140;
	var yOffset = 80;
	$(".preview").hover(
			function(e) {
				this.t = this.title;
				this.title = "";
				$("body").append(
						"<p id='screenshot'><img src='" + this.rel
								+ "' alt='Vorschau' /></p>");
				$("#screenshot").css("top", (e.pageY - xOffset) + "px").css(
						"left", (e.pageX + yOffset) + "px").fadeIn("fast");
			}, function() {
				this.title = this.t;
				$("#screenshot").remove();
			});
	$(".preview").mousemove(
			function(e) {
				$("#screenshot").css("top", (e.pageY - xOffset) + "px").css(
						"left", (e.pageX + yOffset) + "px");
			});
};

// starting the script on page load
$(document).ready(function() {
	tooltip();
	imagePreview();
});