/*
 * 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
 *
 */
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

this.screenshotPreview = function(){	
	/* CONFIG */
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		//xOffset = 420;
		//yOffset = -150;
		xOffset = -370;
		yOffset = 15;

	/* END CONFIG */
	jQuery("a.preview").hover(

		function(e)
		{	
			this.t = this.title;
			this.title = "";	
			var c = (this.t != "") ? "<br/>" + this.t : "";
			jQuery("body").append("<div id='preview'><img src='"+ this.rel +"' alt='Loading' />"+ c +"</div>");								 
			jQuery("#preview")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("slow");						
    },
	
		function()
		{
			this.title = this.t;	
			jQuery("#preview").remove();
    }
	);	

	jQuery("a.preview").prepend('<div id="txtme"></div>');
	jQuery("a.preview").mousemove(function(e){
									
		var docWidth = jQuery(window).width();		
		var docHeight = jQuery(window).height();
				
		var xcoord = e.pageX + xOffset;
		var ycoord = e.pageY + yOffset;
		var imageWidth = 340;
		var imageHeight = 340;
		
		if (docWidth - e.pageX < 380)
		{
			xcoord = e.pageX - imageWidth; // Move to the left side of the cursor
		}
	

		//jQuery('#txtme').html(docHeight - e.pageY);
		if (docHeight - e.pageY < (imageHeight + 110)){
			ycoord = e.pageY + truebody().scrollTop - Math.max(10,(110 + imageHeight + e.pageY - docHeight));
		} /*else {
			ycoord = truebody().scrollTop + e.pageY;
		}*/
		if(ycoord < 0) { ycoord = ycoord*-1; }

		jQuery("#preview")
			.css("top",(ycoord) + "px")
			.css("left",(xcoord) + "px");

/*
		jQuery("#preview")
			.css("top",(e.pageY + yOffset) + "px")
			.css("left",(e.pageX - xOffset) + "px");
		*/
	});			
};


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