/*********************************************************************************************************/
// Fonction permettant d'afficher une information dans une boite flottante.
// Utilistation : onmouseover="Box.show('TITRE','texte',event);" onmouseout="Box.hide();"
Box = function() { }
Box.__name__ = ["Box"];
Box.Box = null;
Box.showTop = function(title,content,evt) {
	if( (title != '') && (content != '') ) content = "<div class='BoxTitle'>" + title + "</div>" + "<div class='BoxContent'>" + content + "</div>";
	else if( (title == '') && (content != '') )content = "<div class='BoxContent'>" + content + "</div>";
	else if( (title != '') && (content == '') ) content = "<div class='BoxTitle'>" + title + "</div>";
	else content = "";
	document.getElementById("BoxContent").innerHTML = content;
	document.onmousemove = closure(Box,"updateTop");
	document.getElementById("Box").style.display = "block";
	Box.update(evt);
}
Box.show = function(title,content,evt) {
	if( (title != '') && (content != '') ) content = "<div class='BoxTitle'>" + title + "</div>" + "<div class='BoxContent'>" + content + "</div>";
	else if( (title == '') && (content != '') )content = "<div class='BoxContent'>" + content + "</div>";
	else if( (title != '') && (content == '') ) content = "<div class='BoxTitle'>" + title + "</div>";
	else content = "";
	document.getElementById("BoxContent").innerHTML = content;
	document.onmousemove = closure(Box,"update");
	document.getElementById("Box").style.display = "block";
	Box.update(evt);
}
Box.hide = function() {
	document.getElementById("Box").style.display = "none";
	document.onmousemove = null;
}
Box.getMouse = function(e) {
	if(e == null) e = window.event;
	if(e != null)
	{
		if( e.pageX != null) return { x : e.pageX, y : e.pageY}
		else if(e.clientX != null) return { x : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft, y : e.clientY + document.body.scrollTop + document.documentElement.scrollTop}
	}
	else return { x : null, y : null}
}
Box.update = function(e) {
	var tip = document.getElementById("Box");
	var mouse = Box.getMouse(e);
	tip.style.left = ( mouse.x + 20 ) + "px";
	tip.style.top = ( mouse.y - 10 ) + "px";
}
Box.updateTop = function(e) {
	var tip = document.getElementById("Box");
	var mouse = Box.getMouse(e);
	tip.style.left = ( mouse.x + 20 ) + "px";
	tip.style.top = ( mouse.y - 10 ) + "px";
}
closure = function(o,f) {
	var m = o[f];
	if(m == null) return null;
	var f1 = function() {
		return m.apply(o,arguments);
	}
	f1.scope = o;
	f1.method = m;
	return f1;
}
/*********************************************************************************************************/

/*********************************************************************************************************/
// Fonction permettant d'afficher une information dans une boite flottante.
// Utilistation : onmouseover="Box2.show('TITRE','texte',event);" onmouseout="Box2.hide();"
Box2 = function() { }
Box2.__name__ = ["Box2"];
Box2.Box2 = null;
Box2.showTop = function(title,content,evt) {
	if( (title != '') && (content != '') ) content = "<div class='Box2Title'>" + title + "</div>" + "<div class='Box2Content'>" + content + "</div>";
	else if( (title == '') && (content != '') )content = "<div class='Box2Content'>" + content + "</div>";
	else if( (title != '') && (content == '') ) content = "<div class='Box2Title'>" + title + "</div>";
	else content = "";
	document.getElementById("Box2Content").innerHTML = content;
	document.onmousemove = closure(Box2,"updateTop");
	document.getElementById("Box2").style.display = "block";
	Box2.update(evt);
}
Box2.show = function(title,content,evt) {
	if( (title != '') && (content != '') ) content = "<div class='Box2Title'>" + title + "</div>" + "<div class='Box2Content'>" + content + "</div>";
	else if( (title == '') && (content != '') )content = "<div class='Box2Content'>" + content + "</div>";
	else if( (title != '') && (content == '') ) content = "<div class='Box2Title'>" + title + "</div>";
	else content = "";
	document.getElementById("Box2Content").innerHTML = content;
	document.onmousemove = closure(Box2,"update");
	document.getElementById("Box2").style.display = "block";
	Box2.update(evt);
}
Box2.hide = function() {
	document.getElementById("Box2").style.display = "none";
	document.onmousemove = null;
}
Box2.getMouse = function(e) {
	if(e == null) e = window.event;
	if(e != null)
	{
		if( e.pageX != null) return { x : e.pageX, y : e.pageY}
		else if(e.clientX != null) return { x : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft, y : e.clientY + document.body.scrollTop + document.documentElement.scrollTop}
	}
	else return { x : null, y : null}
}
Box2.update = function(e) {
	var tip = document.getElementById("Box2");
	var mouse = Box2.getMouse(e);
	tip.style.left = ( mouse.x + 20 ) + "px";
	tip.style.top = ( mouse.y - 10 ) + "px";
}
Box2.updateTop = function(e) {
	var tip = document.getElementById("Box2");
	var mouse = Box2.getMouse(e);
	tip.style.left = ( mouse.x + 20 ) + "px";
	tip.style.top = ( mouse.y - 10 ) + "px";
}
closure = function(o,f) {
	var m = o[f];
	if(m == null) return null;
	var f1 = function() {
		return m.apply(o,arguments);
	}
	f1.scope = o;
	f1.method = m;
	return f1;
}
/*********************************************************************************************************/