//-----------------------------------------------------------------------------------------------------------------------------------------------
// Parameter
//-----------------------------------------------------------------------------------------------------------------------------------------------
var offsetPanelX = 10;
var offsetPanelY = 10;
var sizePanelX = 200;
var sizePanelY = 120;
var marginBodyX = 30;
var sizeDisplay = 0;
setSizeDisplay();
window.onresize = setSizeDisplay;

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Listeners
//-----------------------------------------------------------------------------------------------------------------------------------------------
// Event Listener
var objectPanelTop = document.getElementById( 'PanelTop' );
cheltenhamEvent_addListener( objectPanelTop, 'mousemove', movePanelInformation, false );

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Fuctions
//-----------------------------------------------------------------------------------------------------------------------------------------------
// Size of Display
function setSizeDisplay()
{
	sizeDisplay = cheltenhamWindow_getSizeDisplay();
}

//------------------------------------------------------------------------------------------------------------------------------
// Panel Information
//------------------------------------------------------------------------------------------------------------------------------
function showPanelInformation( name, urlIcon )
{
	var objectPanel = document.getElementById( 'PanelComment' );
	var objectText = document.getElementById( 'LabelComment' );
	objectPanel.style.display = 'block';
	objectText.innerHTML = '<img src = "' +urlIcon + '" vspace = "4"><br /><font class = "enhanced">' + name + '</font>';
}
function hidePanelInformation()
{
	var objectPanel = document.getElementById( 'PanelComment' );
	objectPanel.style.display = 'none';
}
function movePanelInformation( objectEvent )
{
	var objectPanel = document.getElementById( 'PanelComment' );

	var mouseX = objectEvent.clientX;
	var mouseY = objectEvent.clientY;
	var positionX = mouseX + offsetPanelX;
	var positionY = mouseY + offsetPanelY;

	positionX = Math.min( positionX, sizeDisplay.width - offsetPanelX - sizePanelX - marginBodyX );

	objectPanel.style.left = positionX + 'px';
	objectPanel.style.top = positionY + 'px';
}
//------------------------------------------------------------------------------------------------------------------------------