function getCoords(event){
	var event = event || window.event;
	return {x : event.clientX, y : event.clientY,
			target : event.target || event.srcElement};
}

function dialogue(event, value){
	if(value = decodeURIComponent(value).replace(/\+/g, ' ')){
		
		if(document.getElementById('boite') === null){
			var boite = document.createElement("div");
			boite.id = 'boite';
			boite.style.position = 'fixed';
			boite.style.padding = '10px';
                        boite.style.textAlign = 'center';
			boite.style.color = '#ffffff';
                        boite.style.font = '9px Merriweather, serif';
                        boite.style.letterSpacing = '1px';               
                        boite.style.fontWeight = "none";
			boite.style.backgroundColor = 'rgba(21,60,97,0.8)';
                        boite.style.border = 'thin solid';
                        boite.style.borderColor = '#2364a2';
			boite.className = 'dialogue';
			document.body.appendChild(boite);}
		else{
			var boite = document.getElementById('boite');
			boite.style.display = "block";}
		
		var boiteMove = function(e){
			var coords = getCoords(e);
			boite.style.left = (coords.x+boite.offsetWidth < window.innerWidth) ? (coords.x-12)+'px' : (window.innerWidth-boite.offsetWidth-20)+'px';
			boite.style.top = (coords.y+boite.offsetHeight+30 < window.innerHeight) ? (coords.y+32)+'px' : (coords.y-boite.offsetHeight-0)+'px';
			return coords.target;};
		var boiteOut = function(target){
			boite.style.display = "none";
			boite.innerHTML = "";
			target.removeEventListener('mousemove', boiteMove, false);};
		
		boite.innerHTML = value;
		var target = boiteMove(event);
		
		target.addEventListener('mouseout', boiteOut, false);
		target.addEventListener('mousemove', boiteMove, false);
	}
}