/*
 * 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.tooltip = function(xDist,yDist,urlPath,imgPath,addParams){	
	/* CONFIG */		
		xOffset = xDist;
		yOffset = yDist;
		baseUrl = urlPath;
		imgs = imgPath;
		var oAppend;
	/* END CONFIG */
	$(".tooltip").hover(function(e){
		var oUrl=baseUrl;
		if(addParams==true){
			var myParams_array=$(this).attr("href").split("?");
			var myParams = myParams_array[1];
			oUrl+="?"+myParams;
		}
	
			
			if($(this).attr("title")){
				$(this).attr("rel",$(this).attr("title"));
				addDynData(oUrl,$(this).attr("title"));
				$(this).removeAttr( "title");
			}else{
				addDynData(oUrl);
			}
		//se n usa ajax chama esta:
		
		$("body").append("<div id='tooltip'><img src='"+imgs+"baloon_top.png'/><div class='content'></div><img src='"+imgs+"baloon_bottom.png'/></div>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeTo(300, 0.8);					
    },
	function(){
		$("#tooltip").fadeTo(300, 0, function(){$("#tooltip").remove()});	 
		$(this).attr("title",this.rel);
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};
function addDynData(oUrl,oTitle){
		$.get(oUrl, function(dados){
		$("#tooltip .content").html("");
		if(oTitle){
			$("#tooltip .content").html(("<strong>"+oTitle+"</strong>"+dados));
		}else{
			$("#tooltip .content").html((dados));
		}
		$("#tooltip").fadeIn(100);
		return true;
	});
}