$(document).ready(function(){
	var aLoaded = [];
	var sCurrent = '';

	$('[tip]').live('mouseover', function(){
		$('.tipblock').remove();
		var value = $(this).attr('tip');
		var top = parseInt($(this).offset().top) + parseInt($(this).height());
		var left = parseInt($(this).offset().left) + parseInt($(this).width());
		if(left + 200 > parseInt($(document).width())) {
			left = parseInt($(document).width() - 200);
		}

		if(/^link:/.test(value)) {
			value = value.replace(/^link:/, '');
			sCurrent = value;
			$("<div id=\"tipblock\" class=\"tipblock\" style=\"position: absolute; max-width: 500px; top: "+top+"px; left: "+left+"px; border: 1px solid #2F4B66; background-color: #FBFFCC; padding: 4px;\"><img src=\"/images/ajax-loader.gif\"></div>").appendTo(document.body);
			if(!aLoaded[value]) {
				$.get(value, {'output' : 'html'}, function(data) {
					aLoaded[value] = data;
					if(value == sCurrent) {
						$('#tipblock').html(data);
					} else {
						$('#tipblock').html(aLoaded[sCurrent]);
					}
				});
			} else {
				$('#tipblock').html(aLoaded[value]);
			}
		} else {
			$("<div id=\"tipblock\" class=\"tipblock\" style=\"position: absolute; top: "+top+"px; left: "+left+"px; border: 1px solid #2F4B66; background-color: #FBFFCC; padding: 4px;\">"+value+"</div>")
			.appendTo(document.body);
		}
	}).live('mouseout', function(){
		$("#tipblock").remove();
		$('.tipblock').remove();
	});
});