var fadeTime = 250;
if (jQuery.browser.msie) {fadeTime = 0;}
	
$(document).ready(function() {									
	$("span.notetip").hover(
		function (e) {
			showNotetip(this, $(this).next().text(), e);
		}, 
		function () {
			hideNotetip();
		}
	);	
});

function showNotetip(obj, text, mouse) {		
	var cssObj = {
		'top' : $(obj).position().top+27,
		'left' : $(obj).position().left-24,
		'display' : 'none',
		'-moz-box-shadow' : '1px 1px 3px #777',
		'-webkit-box-shadow' : '1px 1px 3px #777',
		'box-shadow' : '1px 1px 3px #777'
	}	

	$("body").append("<div id='notetip'><div class='top'></div><div class='content'>"+text+"</div></div>");	
	$("#notetip").css(cssObj);	
	$("#notetip").fadeIn(fadeTime);
}

function hideNotetip() {
	$("#notetip").remove();
}