


this.imagePreview = function() {
    /* CONFIG */

    xOffset = -50;
    yOffset = -200;

    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result


    /* END CONFIG */
    $("a.preview").hover(function(e) {

        this.t = this.title;
        this.title = "";
        //var c = (this.t != "") ? "<br/>" + this.t : "";

        $("body").append("<p id='preview'><img src='" + this.t + "' alt='Image preview' style='border:5px solid #B5CD45'  />" + "<br><span class='noteimghover'>Wohnbeispiel / esempio di camera / living sample </span>" + "</p>");
        $("#preview")
			.css("top", (e.pageY - xOffset) + "px")
			.css("left", (e.pageX + yOffset) + "px")

			.fadeIn("fast");
    },
	function() {
	    this.title = this.t;
	    $("#preview").remove();
	});
    $("a.preview").mousemove(function(e) {
        $("#preview")
			.css("top", (e.pageY - xOffset) + "px")
			.css("left", (e.pageX + yOffset) + "px");
    });
};


this.imagePreview2 = function() {
    /* CONFIG */

    xOffset2 = 200;
    yOffset2 = 70;

    // these 2 variable determine popup's distance from the cursor
    // you might want to adjust to get the right result


    /* END CONFIG */
    $("a.preview2").hover(function(e) {

        this.t = this.title;
        this.title = "";
        //var c = (this.t != "") ? "<br/>" + this.t : "";

        $("body").append("<p id='preview2'><img src='" + this.t + "' alt='Image preview2' style='border:5px solid #B5CD45'  />" + "<br><span class='noteimghover'>Wohnbeispiel / esempio di camera / living sample </span>" + "</p>");
        $("#preview2")
			.css("top", (e.pageY - xOffset2) + "px")
			.css("left", (e.pageX + yOffset2) + "px")

			.fadeIn("fast");
    },
	function() {
	    this.title = this.t;
	    $("#preview2").remove();
	});
    $("a.preview2").mousemove(function(e) {
        $("#preview2")
			.css("top", (e.pageY - xOffset2) + "px")
			.css("left", (e.pageX + yOffset2) + "px");
    });
};


// starting the script on page load
$(document).ready(function(){
    imagePreview();
    imagePreview2();
});