/*
 * Image 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
 *
 */
jQuery(function($){

    // starting the script on page load
    $(document).ready(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 */
        $("a.preview").hover(function(e){
            var x;
            x=$("#div_"+this.id);            
            $("body").append("<p id='preview'>"+ x.html($(this).id) +"</p>");								 
            $("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("fast");	
        },
        function(){
            //this.title = this.t;	
            $("#preview").remove();
        });	
        $("a.preview").mousemove(function(e){
            $("#preview")
            .css("top",(e.pageY - xOffset - $("#preview").height()) + "px")
            .css("left",(e.pageX + yOffset) + "px")
                        
        });			
       
    });
});