var noti = document.getElementById('notes')	
var timeout = null
function showNote(ref,msg)
{
	var wi = arguments.length>2 ? arguments[2] + 'px' : '175px';
	
	clearTimeout(timeout)
$('#notes').fadeOut(0, function () { 
		posi = $('#'+ref).offset()
		noti.style.left = posi.left + 'px'
		noti.style.top = posi.top - 27  + 'px'
		noti.style.width = wi
		$('#notes').fadeIn(500);
		$('#notes').html(msg);	
		document.getElementById(ref).focus()
	});
//	var arg = arguments.length>2?arguments[2]:3000;
	var arg = 3000;
//	window.location.hash = arg
	timeout = setTimeout("$('#notes').fadeOut(500)",arg)
}

function showNote2(ref,msg)
{
	var wi = arguments.length>2 ? arguments[2] + 'px' : '175px';
	
	clearTimeout(timeout)
$('#notes').fadeOut(0, function () { 
		posi = $('#'+ref).offset()
		noti.style.left = posi.left + 'px'
		noti.style.top = posi.top + 22  + 'px'
		noti.style.width = wi
		$('#notes').fadeIn(500);
		$('#notes').html(msg);	
		document.getElementById(ref).focus()
	});
//	var arg = arguments.length>2?arguments[2]:3000;
	var arg = 3000;
//	window.location.hash = arg
	timeout = setTimeout("$('#notes').fadeOut(500)",arg)
}

function showNote3(ref,msg)
{
	var wi = arguments.length>2 ? arguments[2] + 'px' : '205px';
	
	clearTimeout(timeout)
$('#notes').fadeOut(0, function () { 
		posi = $('#'+ref).offset()
		noti.style.left = posi.left + 'px'
		noti.style.top = posi.top - 30  + 'px'
		noti.style.width = wi
		$('#notes').fadeIn(500);
		$('#notes').html(msg);	
		document.getElementById(ref).focus()
	});
//	var arg = arguments.length>2?arguments[2]:3000;
	var arg = 3000;
//	window.location.hash = arg
	timeout = setTimeout("$('#notes').fadeOut(500)",arg)
}