/*
 * 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 = 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 */
	$(".screenshot").hover(function(e){
		//alert('hello');
		this.t = $(this).find('a').attr('title');
		this.r = $(this).find('a').attr('rel');
		$(this).find('a').attr('title', '');	
		//console.log(this.t);
		//console.log(this.r);
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p style='box-shadow: 0 0 7px #000000; -moz-box-shadow:0 0 7px #000000; -webkit-box-shadow: rgb(0, 0, 0) 0 0 7px;' id='screenshot'><img width='300' src='"+ this.r +"' alt='' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",((e.pageX + yOffset)-370) + "px")
			.fadeIn(500);						
    },
	function(){
		$(this).find('a').attr('title', this.t);	
		$("#screenshot").remove();
    });	
	$(".screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",((e.pageX + yOffset)-370) + "px");
	});			
};


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