

function showImage(src, obj) {
	$j("<div>", {
		id: obj.id + "tooltip",
		css: {
			background: "#FFF",
			display: "none",
			position: "absolute",
			top: ($j(obj).parent().offset()["top"] - 25),
			left: ($j(obj).parent().offset()["left"] - 15),
			minHeight: "120px",
			minWidth: "100px",
			textAlign: "center",
			border: "5px #fff solid"
		},
		html: "<a href=\"" + ($j(obj).parent().attr("href")) + "\"><img src='" + src + "' />",
		onMouseOut: "$j(this).fadeOut(600, function(){ $j(this).remove();})"
		})
		.appendTo("body")
		.fadeIn(600);
	
	
	/*$j(obj).bind({
		mouseleave: function(){
		$j("#" + this.id + "tooltip").fadeOut(
				200,
				function(){
					$j(this).remove();
				}
			);
		},

		mousemove: function(evt){
			$j("#" + this.id + "tooltip").css({
				left: evt.pageX + 20,
				top: evt.pageY + 20
			});
		}
	});*/

}

