/* SCREENSHOT PREVIEWS */

this.screenshotPreview = function()
{	
	/* CONFIG */
		
	xOffset = 370;
	yOffset = -300;
	s_width = 624;
	s_min = 300;
	
	function set_x( mouse_y )
	{
		if( mouse_y < 370 )
		{
			xOffset = -20;
		}
		else
		{
			xOffset = 370;
		}
	}
		
	// these 2 variable determine popup's distance from the cursor
	// you might want to adjust to get the right result
		
	/* END CONFIG */
	jQuery('a.screenshot-preview').hover(
		
		function(e)
		{
			this.t = this.title;
			this.title = '';
			
			var c = ( this.t != '') ? '<br />' + this.t : '';
			
			jQuery('body').append( '<p id="screenshot"><img src="' + this.rel + '" alt="url preview" width="600" />' + c + '</p>' );
			
			var document_width = jQuery(document).width();
			
			var remander = document_width - ( ( e.pageX + yOffset ) + s_width );
			
			if( e.pageX <= s_min )
			{
				jQuery('#screenshot').css( 'left', '0px' );
			}
			else
			{
				if( remander <= -1 )
				{
					jQuery('#screenshot').css( 'left', ( document_width - s_width ) + 'px' );
				}
				else
				{
					jQuery('#screenshot').css( 'left', ( e.pageX + yOffset ) + 'px' );
				}
			}
			
			set_x( e.clientY );

			if( e.clientY <= xOffset )
			{
				jQuery('#screenshot').css( 'top', ( e.pageY + ( xOffset ) ) + 'px' );
			}
			else
			{
				jQuery('#screenshot').css( 'top', ( e.pageY - xOffset ) + 'px' );
			}				 
			
			jQuery('#screenshot').fadeIn( 'fast' );					
    	},
		function()
		{
			this.title = this.t;	
			jQuery("#screenshot").remove();
   		}

	);	
	
	jQuery('a.screenshot-preview').mousemove(
		
		function(e)
		{
			var document_width = jQuery(document).width();
			
			var remander = document_width - ( ( e.pageX + yOffset ) + s_width );
			
			if( remander >= 1 && e.pageX > s_min )
			{
				jQuery('#screenshot').css( 'left', ( e.pageX + yOffset ) + 'px' );
			}
			
			set_x( e.clientY );			
			
			jQuery('#screenshot').css( 'top', ( e.pageY - xOffset ) + 'px' );
			
		}
		
	);			
};

screenshotPreview();