var yOffset;
var xOffset;

this.screenshotPreview = function()
	{	
	/* CONFIG */
	
        xOffset = 15;
        yOffset = 20;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.popup_image_preview").hover(function(e)
		{
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='popup_image_preview'><img src='" + this.rel + "' alt='' />"+ c + "</p>");
                
                // $("#popup_image_preview").append( yOffset );

		$("#popup_image_preview")


                        .css("left",(e.pageX - ($("#popup_image_preview").width()/2) - xOffset ) + "px")
			.css("top",(e.pageY - $("#popup_image_preview").height() - yOffset) + "px")
                        /*
			.css("top",(e.pageY + yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			*/
			.fadeIn("fast");
			
    	},
		
	function()
		{
		this.title = this.t;	
		$("#popup_image_preview").remove();
    	});

	$("a.popup_image_preview").mousemove(function(e)
		{
                var kompenzace_x = 0;
                var kompenzace_y = 0;

                var pozice_left = e.pageX - ($("#popup_image_preview").width()/2);
                if((e.pageX + ($("#popup_image_preview").width()/2) + xOffset) >= $("body").width()) {
                    kompenzace_x = $("body").width() - (e.pageX + ($("#popup_image_preview").width()/2) + xOffset);
                    pozice_left = e.pageX - ($("#popup_image_preview").width()/2) + kompenzace_x;
                }

                /*
                if((e.pageY + ($("#popup_image_preview").height()/2) + yOffset) >= $(window).height()) {
                    kompenzace_y = $(window).height() - (e.pageY + ($("#popup_image_preview").height()/2) + yOffset);
		}
                */

                var pozice_top = e.pageY - $("#popup_image_preview").height() - yOffset + kompenzace_y;
                if ( (($("#popup_image_preview").height() + yOffset)) >= e.clientY ) {
                    kompenzace_y = ( (e.pageY + yOffset) );
                    pozice_top = kompenzace_y;
                    // window.alert('kompenzace ' + pozice_top);
		}

                // $('#popup_image_preview span').html( $("#popup_image_preview").width() + 'x (' + e.pageX + ') <br />' + $("#popup_image_preview").height() + 'y (' + e.pageY + ') ' + ' <br />podminkaY: ' + test_y + ' <br /> clientX: ' + e.clientX + ' clientY: ' + e.clientY  );
           

		$("#popup_image_preview")

                        .css("left",(pozice_left) + "px")
		  	.css("top",(pozice_top) + "px");
                        /*
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset - kompenzace) + "px");
			*/
			
		});			
	
	};
	

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