this.imagePreview = function()
{ 
	xOffset = 5;
	yOffset = 0;
                
	$("a.preview").hover(function(e)
	{
		var v = this.rel.split('__');
		
		getPos(e.pageX, v[1], e.pageY, v[2]);
		
		this.t = this.title;
		this.title = "";        
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ v[0] +"' alt='Image preview' />"+ c +"</p>");
		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px").fadeIn("fast");                                                
    },
    
    function()
    {
		this.title = this.t;    
		$("#preview").remove();
	}); 

	$("a.preview").mousemove(function(e)
	{
		$("#preview").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px");
	}); 
	
	function getPos(posX, x, posY, y) 
	{
		if(posX > 600)
		{
			xOffset = -x-20;
		}
		else
		{
			xOffset = 5;
		}
		
		if(posY > 450)
		{
			yOffset = y
		}
		else
		{
			yOffset = 0;
		}
	};
};

this.tooltip = function()
{      
	xOffset = 10;
	yOffset = 20;           
              
	$("a.tooltip").hover(function(e)
	{
		this.t = this.title;
		this.title = "";
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px").fadeIn("fast");                
    },
	function()
	{
		this.title = this.t;            
		$("#tooltip").remove();
    }); 

	$("a.tooltip").mousemove(function(e)
	{
		$("#tooltip").css("top",(e.pageY - xOffset) + "px").css("left",(e.pageX + yOffset) + "px");
	});                     
};