var keepOpen		= false;
var currentPerson	= '';
$(document).ready(function(){
	$("area").mouseover(function(){	showName( $(this).attr('id') );	});
	$("area").mouseout(function(){
		var doFunction	= 'hideName( "'+$(this).attr('id')+'" )';
		window.setTimeout(doFunction,100);	
	});
	$(".personbox").mouseover(function(){	keepOpen = true;	});
	$(".personbox").mouseout(function(){	keepOpen = false;	});
});

function hideName( id )
{
	var theId	= "#"+id+"_box";
//	if (currentPerson != id) {
		if ( !keepOpen ) {
			$(theId).fadeOut(40);
			currentPerson = '';
		}
//	}
}

function hideAllNames() 
{
	$(".personbox").fadeOut(80);
}

function showName( id )
{
	var theId	= "#"+id+"_box";
	if (currentPerson != id) {
		$(".personbox").fadeOut(40);
		$(theId).fadeIn(40);
		currentPerson = id;
	}
}