this.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 280;
		yOffset = 150;
			xOffsetR = 380;
		yOffsetR = -460;
		
	
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t + "" : "";
		$("body").append("<p id='screenshot'><span>"+c+"</span><br /><br /><img src='"+ this.rel +"' alt='Nahrávání' width='350'  /></p>");
			$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
    
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
  
  
  $("a.screenshotR").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t + "" : "";
		$("body").append("<p id='screenshotR'><span>"+c+"</span><br /><br /><img src='"+ this.rel +"' alt='Nahrávání' height='350'  /></p>");
		$("#screenshotR")
			.css("top",(e.pageY - xOffsetR) + "px")
			.css("left",(e.pageX + yOffsetR) + "px")
			.fadeIn("fast");						
    },
    
	function(){
		this.title = this.t;	
		$("#screenshotR").remove();
    });	
	$("a.screenshotR").mousemove(function(e){
		$("#screenshotR")
			.css("top",(e.pageY - xOffsetR) + "px")
			.css("left",(e.pageX + yOffsetR) + "px");
	});	
	
	

  		
};


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