/*
 * Url preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 100;
		yOffset = 80;
		
		// 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 != "") ? "" + this.t : "";
		$("body").append("<div id='screenshot'><table border='0' cellspacing='0' cellpadding='0' style='clear:both;'><tr><td colspan='2' align='center'><img src='"+ this.rel +"' alt='url preview' id='tempFdImg' /></td></tr><tr><td class='leftpreview' valign='top'>"+ c + "</td><td class='rightpreview' valign='top'>" + this.shape +"</td></tr></table></div>");
			
		var pmkd = document.documentElement.clientWidth;
		if (pmkd - e.pageX - yOffset - $("#tempFdImg").width() - 30 < 0){
			$("#screenshot").css("left",(e.pageX - yOffset - $("#screenshot").width()) + "px");
		}else{			
			$("#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");
			
		var pmkd = document.documentElement.clientWidth;
		if (pmkd - e.pageX - yOffset - $("#tempFdImg").width() - 30 < 0){
			$("#screenshot").css("left",(e.pageX - yOffset - $("#screenshot").width()) + "px");
		}else{			
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
		}
	});			
};


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