/*
 * 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 = 40;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* 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'><div id='preview_img_div'><div id='preview_loading_text'>Loading...</div><img src='"+ this.rel +"' alt='Loading' /></div>"+ c +"</div>");
                jQuery("#preview_loading_text").css("display", "block");
		jQuery("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("slow");
                jQuery("#preview_img_div img").bind("load", function () {
                    jQuery("#preview_loading_text").css("display", "none");
                    jQuery(this).fadeIn();
                });
    },
	function(){
		this.title = this.t;	
		jQuery("#preview").remove();
    });	
	jQuery("a.preview").mousemove(function(e){
            var distanceFromRight = jQuery(window).width()-e.clientX;
            var distanceFromBottom = jQuery(window).height()-e.clientY;
            if (distanceFromRight - xOffset - 10 < jQuery("#preview").width() ){
            jQuery("#preview")
			
			.css("left",(e.pageX - jQuery("#preview").width() - xOffset ) + "px");
            } else {
		jQuery("#preview")
			
			.css("left",(e.pageX + yOffset) + "px");
            }

            if (distanceFromBottom - yOffset - 10 < jQuery("#preview").height()){
                jQuery("#preview").css("top",(e.pageY - jQuery("#preview").height() - yOffset ) + "px");

            } else {
                jQuery("#preview").css("top",(e.pageY - xOffset) + "px");
            }

	});
        jQuery(window)
};


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