/*
 * Tooltip and Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 *
 * Improved by lara (lara@janeladigital.com)
 * 
 * for more info visit http://cssglobe.com/post/1620/image-preview
 *
 */
this.tooltip2 = function(xDist,yDist,imgPath){	
	/* CONFIG */		
	xOffset = xDist;
	yOffset = yDist;
	imgs = imgPath;
	/* END CONFIG */
	$(".tooltip2").hover(function(e){									  
			
			
		$("body").append("<div id='tooltip'><img src='"+imgs+"baloon_top.png'/><div class='content'>"+$(this).attr("rel")+"</div><img src='"+imgs+"baloon_bottom.png'/></div>");
		
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeTo(200, 0.9);	
	   $("a.tooltip2").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
		});			
    },
	function(){
		$("#tooltip").remove();			
    });	
		
};