/*
 * 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
 *
 */

 
    // $() will work as an alias for jQuery() inside of this function



this.screenshotPreview = function(){	
	/* CONFIG */
		
        xOffset = 220;
        yOffset = -70;

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

        jQuery(document).ready(function($) {
            $("a.screenshot").hover(function(e){
                    this.t = this.title;
                    this.title = "";
                    var c = (this.t != "") ? "<br/>" + this.t : "";
                    $("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='loading avatar...' width='157' height='157' />"+ c +"</p>");
                    $("#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");
            });
        });
};

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