var displayingInformation = false;
var firstTime = true;
var displayingEmployee = -1;

function setEmployees(){
	for(x=0; x<employees1.length; x++)
	{
		if ( jQuery('#employeeInformation'+x).length > 0 ) { jQuery('#employeeInformation'+x).remove(); }
		jQuery('#header').before('<div id="employeeInformation'+x+'" class="employeeInformation" style="position: absolute; display: none;"><span>'+employees2[x].name+'</span><div>'+employees2[x].desc+'</div></div>');
	}
	
	if(firstTime)
	{
		firstTime = false;
		jQuery('html').mouseout(function(){
			if (displayingInformation)
			{
				for(x=0; x<employees1.length; x++)
				{
					hideInformation(x);
				}
			}
		});


		jQuery('html').mousemove(function(e)
		{
			if (displayingInformation)
			{
				checkInformation(displayingEmployee, e);
			}
			else {
				for(x=0; x<employees1.length; x++) {
					if (!displayingInformation) {
						checkInformation(x, e);
					}
				}
			}
		});
	}
};

function checkInformation(nr, e) {
	if (e.pageX >= employees1[nr].x && e.pageY >= employees1[nr].y && e.pageX <= (employees1[nr].x + employees1[nr].w) && e.pageY <= (employees1[nr].y + employees1[nr].h)) {
		showInformation(nr, e);
	}
	else {
		hideInformation(nr);
	}
}

function showInformation(nr, e) {
	jQuery('#employeeInformation'+nr).css({'left': e.pageX+15, 'top': e.pageY+15,'z-index':100}).show() ;

	displayingInformation = true;
	displayingEmployee = nr;
//	cloneEvent(evt);
}

function hideInformation(nr) {
	jQuery('#employeeInformation'+nr).hide();
	
	displayingInformation = false;
	displayingEmployee = -1;
}

function cloneEvent(evt)
{
var result = document.createEventObject("mousemove");
}

//cloneEvent(evt);