/*
 * 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
 *
 * Modified by Webelit Bt.
 *
 */
 
this.screenshotPreview = function(){	
	/* CONFIG */

		xOffset = 10;
		yOffset = 30;

		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result

	/* END CONFIG */
$("img.screenshot").hover(function(e){
	var name = this.name;
	var title = $("#"+name).attr("title");
	var c = (title != "") ? "<br>" + title : "";
	var url = $("#"+name).attr("rel");
	$("body").append("<p id='screenshot'><img src='"+ url +"' alt='url preview'>"+ c +"</p>");
	$("#screenshot")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("fast");
   },
	function(){
		/*
		$("a.screenshot")
			.title = title;
			*/
		$("#screenshot").remove();
	}
);
$("img.screenshot").mousemove(function(e){
	var posY;
	if (e.pageY - $(window).scrollTop() + $('#screenshot').height() + 15 >= $(window).height() ) {
		posY = e.pageY-($('#screenshot').height()+xOffset);
	} else {
		posY = e.pageY-xOffset;
	}
	var posX;
	if (e.pageX - $(window).scrollLeft() + $('#screenshot').width() + 45 >= $(window).width() ) {
		posX = e.pageX-($('#screenshot').width()+yOffset);
	} else {
		posX=e.pageX + yOffset
	}
	$("#screenshot")
		.css("top",(posY) + "px")
		.css("left",(posX) + "px");
	});
};

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